Независимо от того, насколько хороши композиция, поток и линии моего дизайна, если я не копирую непосредственно с натуры, мне очень трудно выбрать приличную цветовую схему. Это или выглядит слишком тусклым или слишком резким.
Есть ли хороший ресурс, который поможет мне выбрать цветовую схему, которая имеет 2 или 3 цвета, и цвета не конфликтуют?
Я не ищу конкретные цвета или цветовые схемы. Мне нужен ресурс, который поможет мне выбрать цвет (или цвета), которые будут хорошо сочетаться с любым основным цветом, над которым я работаю над дизайном, или выделить его с хорошим акцентом.
color
tools
color-theory
Stewbob
источник
источник
Ответы:
Одним из полезных инструментов является Paletton (ранее известный как Color Scheme Designer):
Вы указываете начальный цвет и тип цветовой схемы, и он создаст для вас палитру и позволит вам изменить эту палитру.
Хорошая вещь об этом инструменте состоит в том, что вы можете видеть, как он выбирает другие цвета на основе выбранного вами цвета. Существует также инструмент для имитации того, как эти цвета будут выглядеть с различными видами дальтонизма.
источник
Вы должны прочитать о хорошей книге по теории цвета, чтобы понять хотя бы общий принцип, например, что такое первичный и вторичный цвет, дополнительные цвета и т. Д. ... в противном случае вы не получите важность выбора некоторых палитр, которые вы сделаете ,
В интернете мой любимый на данный момент один из них: Kuler из Adobe , также я использовал http://colorschemedesigner.com/, уже упомянутый.
Я предлагаю кратко прочитать о СОВМЕСТНОМ И УСПЕШНОМ КОНТРАСТЕ, где цветовая ассоциация создает ощущение, что цвет на другом фоне выглядит иначе.
Даже если вы не спросите меня, я предлагаю иметь под рукой для проверки, что цвета веб-сайта имеют хороший контраст для удобства чтения, я использую это: http://graybit.com/main.php
источник
Там много всего, но вот некоторые из моих любимых генераторов. Большинство из перечисленных позволяет вводить ваш собственный цвет, как вы указали.
Есть также несколько сайтов, которые предоставляют готовые палитры, в том числе популярные бренды.
Есть также некоторые сайты, которые предлагают градиентные комбинации, из которых вы можете получить цветовые коды:
Или вы можете позволить AI выбрать для вас несколько цветов, используя AI Color Wheel .
Если вы все еще не можете найти цветовую палитру, у этого репо есть дополнительные ресурсы.
Мне также нравится смотреть на диаграмму ниже ( отсюда при рассмотрении, какие цвета смешивать (обычно поверх градиентов выше) для лучшей контрастности:
источник
Photoshop CS5 имеет расширение под названием Kuler, которое делает это.
Вы можете добраться до него через меню; Окно / Расширения / Кулер или через сайт, http://kuler.adobe.com/
источник
Прежде всего: ознакомьтесь с цветовой моделью HSB . HSB определяет цвет следующим образом:
Хорошее эмпирическое правило состоит в том, чтобы отобрать существующие цвета бренда и определить их значение оттенка. Сначала придерживайтесь этих значений H и начинайте изменять значения S и B. Это создает цвета, которые хорошо гармонируют с существующими цветами почти по определению.
Если вам действительно очень нужен контрастный цвет, и единственный способ - использовать другое значение H, попробуйте сначала определить, как связаны значения H существующих цветов. Затем вы можете использовать это отношение для создания новых оттенков.
Два цвета на 180 ° друг от друга? Затем вы можете добавить 90 ° к любому из них, чтобы создать третий оттенок для работы. Они на 40 ° друг от друга? Добавьте 40 ° к одному из значений цвета или вычтите 40 ° из другого, чтобы получить аналоговую настройку цвета. Или возьмите среднее значение двух значений H, а затем инвертируйте результат (прибавьте или вычтите 180 °, в зависимости от того, какое из значений дает положительное число меньше 360), чтобы создать настройку разделения цвета.
Затем начните возиться с значениями S и B нового оттенка.
Не забудьте сделать шаг назад и скорректировать значение H, которое вы рассчитали, когда результат не соответствует вашим ожиданиям. Точно рассчитанные значения H хороши , но они всего лишь инструмент - не стесняйтесь редактировать вещи, чтобы они выглядели лучше эстетически.
источник
Я нашел colourlovers.com очень полезным ресурсом для построения цветовых схем. Но если вы хотите иметь лучшее представление об использовании контраста и гармонии в качестве инструмента для улучшения вашего дизайна, вам следует прочитать теорию цвета. Я лично любил Принципы Wucious Вунга в цветовом дизайне и интерактивность Йозефа Альберс в цвете
источник
Вы всегда можете пойти в местное отделение Home Depot или Lowe's, отправиться в отдел покраски и забрать листовки для пробной комнаты. :)
Или, если серьезно, вот описание того, как работают цветовые схемы.
источник
Обычно я использую палитру цветов, чтобы выбирать цвета непосредственно из фотографий, с которыми я работаю. Таким образом, я уверен, что цвета будут соответствовать. Это легко и быстро, когда у вас мало времени для вашего проекта.
источник
Часть 3 из трех частей серии по теории цвета относится непосредственно к этому вопросу.
Создание собственных цветовых палитр
Отличное объяснение выбора собственной цветовой схемы на основе цветового круга. (взято из этого вопроса об обмене стека )
источник
Проверьте это может помочь вам больше.
http://galacticmilk.com/sphere/
источник
Adobe Capture CC - это один из удивительных инструментов для создания цветовых палитр, который я считаю скрытым украшением. Я обнаружил это во время просмотра потокового события Adobe Live.
Это бесплатное приложение, доступное как для iOS, так и для Android, которое автоматически генерирует цветовую палитру фотографии, сделанной камерой.
Если вы прогуляетесь по парку, посетите музей или просто наткнетесь на хроматически впечатляющее зрелище, вы сможете получить эту цветовую палитру за считанные минуты.
Приложение также дает вам возможность превратить бумажный эскиз прямо в вектор. Вы рисуете на бумаге, фотографируете и вуаля. Больше не нужно импортировать изображения и трассировать с помощью инструмента «Перо».
Я призываю всех проверить это!
источник
Некоторые ресурсы, которые я нашел полезными, перечислены ниже при выборе цветов.
ИИ с Colormind: инструмент, использующий ИИ и большой образец «хороших» дизайнов / рисунков / принтов для создания цветовых комбинаций. Также возможна поставка ваших собственных цветов и создание дополнительных цветов. http://colormind.io/
Структурированные правила: много других хороших ответов по HSB и другим подходам / теориям. На этой странице есть четкие правила о том, как это сделать, и хорошие результаты. https://tallys.github.io/color-theory/
источник
Я бы посоветовал проверить http://colorsupplyyy.com. Это хороший инструмент для создания цвета, в котором используются цветовые палитры от лучших дизайнеров мира!
источник
Я бы определенно предложил ColorPK
Он загружается быстрее и чистее для меня,
и это также может извлечь цвет из изображения
источник