Есть хороший ресурс или инструмент, чтобы помочь построить палитру / цветовую схему вокруг цветов, которые я выбираю?

Независимо от того, насколько хороши композиция, поток и линии моего дизайна, если я не копирую непосредственно с натуры, мне очень трудно выбрать приличную цветовую схему. Это или выглядит слишком тусклым или слишком резким.

Есть ли хороший ресурс, который поможет мне выбрать цветовую схему, которая имеет 2 или 3 цвета, и цвета не конфликтуют?

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

Одним из полезных инструментов является Paletton (ранее известный как Color Scheme Designer):

Вы указываете начальный цвет и тип цветовой схемы, и он создаст для вас палитру и позволит вам изменить эту палитру.

Хорошая вещь об этом инструменте состоит в том, что вы можете видеть, как он выбирает другие цвета на основе выбранного вами цвета. Существует также инструмент для имитации того, как эти цвета будут выглядеть с различными видами дальтонизма.

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

В интернете мой любимый на данный момент один из них: Kuler из Adobe , также я использовал http://colorschemedesigner.com/, уже упомянутый.

Я предлагаю кратко прочитать о СОВМЕСТНОМ И УСПЕШНОМ КОНТРАСТЕ, где цветовая ассоциация создает ощущение, что цвет на другом фоне выглядит иначе.

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

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

• ColorFavs - палитра из изображения, а также галерея палитр и цветов из других изображений
• Pictaculous - Палитра из изображения (напротив изображения из цвета )
• ColorKitty - Палитра из изображения
• Сплоченные цвета - новая палитра, сформированная старой палитрой + наложение цвета
• Любители цветов - палитры на основе цвета или комбинации
• Handy Colors - Палитры из названных цветов (удобно для тестирования) и некоторые готовые палитры
• Picular - цвета из поисковых запросов
• ColorBox - генератор от Lyft
• Выбор цвета данных - генератор («специально для визуализации данных»)
• Colormind - генератор, который использует интерфейс для отображения цветов
• Palx - генератор («специально для пользовательского интерфейса»)
• Geenes - генератор
• Color by HailPixel - Генератор
• ColourCo.de - Генератор
• Adobe Color CC - Генератор
• Кулеры - Генератор
• Приложение Палитра - Генератор
• Color Supply - Генератор 2-х цветовых палитр

Есть также несколько сайтов, которые предоставляют готовые палитры, в том числе популярные бренды.

• Генератор палитры материалов Google - генерируйте шаблоны цветов материалов в соответствии с их рекомендациями по дизайну ^{(ну, закройте )}
• Tint UI - фирменные цветовые палитры
• Фирменные цвета - фирменные цвета
• Culrs - выбранные палитры в зависимости от цвета
• Poke Palettes - Палитры на основе покемонов
• Цветовой скачок - палитры на основе периодов времени
• Найдено цвета - палитры из кураторских фотографий
• Цвет дня - Новая палитра ежедневно
• Минималистские цветовые палитры - большой выбор отобранных палитр
• Lolcolors - Предварительно выбранные палитры
• Цветовые схемы сайта - Цветовые схемы с прилагательными описаниями
• Цвета - компьютерные палитры
• Color Hunt - Mutliple поддоны ежедневно

Есть также некоторые сайты, которые предлагают градиентные комбинации, из которых вы можете получить цветовые коды:

• CSSGradient - генератор градиента
• uiGradients - наверное мой любимый градиентный сайт
• Grabient
• Webgradients
• Eggradients
• Colorffy - 3 цветовых градиента
• Color Designer
• Градиент магии

Или вы можете позволить 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

Он загружается быстрее и чистее для меня,

и это также может извлечь цвет из изображения