Чи є хороший ресурс чи інструмент, який допоможе побудувати палітру / колірну схему навколо вибраних кольорів?

Якими б приємними не були композиція, потік та лінії мого дизайну, якщо я не копіюю безпосередньо з натури, мені дуже важко підібрати гідну колірну гаму. Це або виглядає занадто хитро, або занадто шалено.

Чи є хороший ресурс, який допоможе мені вибрати колірну гамму, яка має 2 або 3 кольори, а кольори не стикаються?

Я не шукаю конкретних кольорів або кольорових схем. Мені потрібен ресурс, який допоможе мені вибрати колір (або кольори), які добре підходять, або нададуть хороший акцент будь-якому основного кольору, з яким я працюю над дизайном.

Один корисний інструмент - Paletton (раніше відомий як дизайнер кольорових схем ):

Ви вказуєте початковий колір та тип кольорової гами, і він генерує палітру для вас та дозволить змінювати цю палітру.

Приємна річ у цьому інструменті полягає в тому, що ви можете бачити, як він вибирає інші кольори, виходячи з обраного вами кольору. Існує також інструмент для моделювання того, як виглядали б ці кольори з різними видами кольорової сліпоти.

Вам потрібно почитати про хорошу книгу теорії кольорів, щоб зрозуміти принаймні загальний принцип, наприклад, що таке первинний та вторинний колір, допоміжні кольори тощо ... інакше ви не отримаєте важливості деяких варіантів палітри, які ви зробите .

В Інтернеті мій найулюбленіший на даний момент один: Kuler від Adobe , а також я вже використовував http://colorschemedesigner.com/ .

Я пропоную ознайомитись із ПРОСТОЮ І УСПІШНИМ КОНТРАСТом, коли асоціація кольорів відчуває, що колір на іншому тлі виглядає по-різному.

Навіть якщо ви не запитували мене, я пропоную мати під рукою перевірку того, що кольори веб-сайту мають хороший контраст для читабельності, я використовую це: http://graybit.com/main.php

Там дуже багато, але ось кілька моїх улюблених генераторів. Більшість перерахованих дозволяє вводити ваш власний колір, як ви вказали.

• ColorFavs - Палітра зображень, а також галерея палітри та кольори з зображень інших
• Pictaculous - Палітра зображення (навпаки зображення від кольору )
• ColorKitty - Палітра зображення
• Когезивні кольори - нова палітра, утворена старою палітрою + кольоровим накладом
• Кольорові любителі - палітри на основі кольору або комбінації
• Зручні кольори - палітри із названих кольорів (зручні для тестування) та деякі заздалегідь виготовлені палітри
• Пікулярний - кольори з пошукових термінів
• ColorBox - генератор від Lyft
• Вибір кольорів даних - генератор ("спеціально для візуалізації даних")
• Colormind - генератор, який використовує інтерфейс користувача для показу кольорів
• Palx - генератор ("спеціально для інтерфейсу користувача")
• Геєни - генератор
• Колір від HailPixel - Генератор
• ColourCo.de - генератор
• Adobe Color CC - генератор
• Охолодження - генератор
• Додаток палітри - генератор
• Колірна подача - Генератор двоколірної палітри

Також є деякі сайти, які надають вам заздалегідь виготовлені палітри, в тому числі популярних брендів

• Генератор палітри матеріалів Google - Створюйте шаблони кольорів матеріалів відповідно до їхніх інструкцій щодо дизайну ^{(ну, закрити )}
• Інтерфейс Tint - кольорова палітра бренду
• Кольори бренду - кольори бренду
• Culrs - підібрані палітри на основі кольорового типу
• Poke Palettes - Палітри на основі Pokemon
• Колірний стрибок - палітри на основі періодів часу
• Знайдений колір - палітри з кураторних фотографій
• Колір дня - нова палітра щодня
• Мінімалістична палітра кольорів - чудовий вибір палітри, підібраної вручну
• льодяники - попередньо підібрані палітри
• Кольорові схеми веб-сайту - Кольорові схеми з описом прикметників
• Кольори - палітри, створені комп'ютером
• Полювання на кольори - палітра мутліп щодня

Також є деякі сайти, які пропонують комбінації градієнтів, з яких можна отримати кольорові коди:

• CSSGradient - генератор градієнтів
• uiGradients - напевно, мій улюблений сайт градієнта
• Грабієнт
• Вебградієнти
• Егградієнти
• Colorffy - 3 кольорові градієнти
• Дизайнер кольорів
• Градієнтна магія

Або ви можете дозволити AI вибрати для вас кілька кольорів, використовуючи AI Color Wheel .

Якщо ви все ще не можете знайти кольорову палітру, це репо має деякі додаткові ресурси.

Мені також подобається подивитися графік нижче (витягнутий звідси, коли розглядаємо, які кольори слід змішувати (як правило, поверх градієнтів вище) для найкращого контрасту:

Photoshop CS5 має розширення під назвою Kuler, що робить це.

Ви можете дістатись до нього через меню; Вікно / розширення / Кулер або через веб-сайт http://kuler.adobe.com/

Перше і головне: ознайомтеся з кольоровою моделлю HSB . HSB визначає колір за:

• Відтінок : вид кольору, як у: виберіть один із веселки - у градусах;
• Насиченість : обернена кількість доданого білого - у відсотках;
• Яскравість : обернена кількість доданого чорного кольору - у відсотках.

Хорошим правилом було б вибірки існуючих кольорів марки та визначення їх відтінку. Спочатку дотримуйтесь цих значень H і починайте змінювати значення S і B. Це створює кольори, які добре поєднуються з існуючими кольорами майже за визначенням.

Якщо вам дійсно потрібен контрастний колір, і єдиний спосіб - використовувати інше значення Н, спробуйте визначити спочатку, як пов’язані значення Н існуючих кольорів. Потім ви зможете побудувати на цьому відношенні, щоб створити нові відтінки.

Ці два кольори на 180 ° один від одного? Тоді ви можете додати 90 ° до будь-якого з них, щоб створити третій відтінок для роботи. Вони на 40 ° один від одного? Додайте 40 ° до одного зі значень кольору або відніміть 40 ° від іншого, щоб отримати аналогове налаштування кольору. Або візьміть середнє значення двох значень H, а потім інвертуйте результат (додайте або відніміть 180 °, залежно від того, що дає позитивне число менше 360), щоб створити роздільний додатковий параметр кольору.

Потім починайте познайомитися зі значеннями S та B нового відтінку.

Не забудьте зробити крок назад і скорегувати розрахункове значення H, коли результат не відповідає вашим очікуванням. Точно обчислені значення H чудові, але вони лише інструмент - не соромтесь редагувати речі, що дозволяють виглядати краще естетично.

Я знайшов colourlovers.com дуже корисним ресурсом для побудови кольорових схем. Але якщо ви хочете мати краще уявлення про використання контрасту та гармонії як інструменту для вдосконалення дизайну, вам слід прочитати теорію кольорів. Я особисто любив Принципи Wucious Вунг в колірному дизайні і інтерактивність Йозефа Альберс в кольорі

Ви завжди можете зайти до місцевого домашнього депо або Lowe's, зайнятись відділом фарби та забрати деякі з їхніх приміток листівки. :)

Або, якщо серйозніше, ось опис того, як працюють кольорові схеми.

Зазвичай я вибираю кольори безпосередньо з зображень, з якими працюю. Таким чином, я впевнений, що кольори будуть відповідати. Це легко і швидко, коли у вас немає багато часу, щоб поставити свій проект.

Частина 3 із трьох частин серії з теорії кольорів стосується безпосередньо цього питання.

Створення власної палітри кольорів

Прекрасне пояснення щодо вибору власної кольорової гами на основі кольорового колеса. (взято з цього питання про обміну ставок )

Перевірте, це може допомогти вам більше.

http://galacticmilk.com/sphere/

Один з дивовижних інструментів для створення кольорової палітри, який я вважаю прихованим дорогоцінним каменем, - це Adobe Capture CC. Я виявив це під час перегляду події Adobe Live stream.

Це безкоштовне додаток, доступне як для ios, так і для Android, яке автоматично генерує кольорову палітру фотографії, яку ви робите разом із камерою.

Якщо ви йдете на прогулянку в парк, відвідуєте музей або просто натрапляєте на хроматично вражаюче видовище, ви можете отримати цю колірну палітру за лічені хвилини.

Додаток також дає можливість перетворити паперовий ескіз прямо у вектор. Ви малюєте це на папері, фотографуєте і вуаля. Більше не імпортувати фотографії та відстежувати інструментом пера.

Я закликаю всіх перевірити це!

Деякі ресурси, які я вважаю корисними, перелічені нижче під час вибору кольорів.

• AI з Colormind: інструмент, що використовує AI та великий зразок "хороших" конструкцій / ілюстрацій / відбитків для створення кольорових комбінацій. Також можливо поставити свої власні кольори та створити доповнення кольорів. http://colormind.io/

• Структуровані правила: багато інших хороших відповідей щодо HSB та інших підходів / теорій. Ця сторінка займає обробку на ній із чіткими правилами, як це зробити та з нормальними результатами. https://tallys.github.io/color-theory/

Я б запропонував перевірити http://colorsupplyyy.com Це хороший інструмент для створення кольорів і використовує кольорову палітру від кращих дизайнерів у всьому світі!

Я б точно запропонував ColorPK

Він завантажується швидше і чистіше,

і це також може витягти колір із зображення