Подписаться на бусти
КАК ВЫБРАТЬ ЦВЕТ
Выбор цвета, цветовые пространства и подбор сочетаний
  • ДЖУН
    мне нравится баклажановый, фисташковый и лаймовый цвет. Лазурный тоже ничего, я художник я так вижу будет офигенно
  • маркетолог
    добавь красного и оранжевого, эти цвета хорошо продают
  • РАЗРАБОТЧИК
    печатает...

Цветовые профили

В мониторе пиксели состоят из 3 субпикселей: красный, зеленый и синий. От смешивания субпикселей получается уникальный цвет пикселя. Если они горят все одновременно, получается белый цвет. Пиксели издалека формируют изображение. Когда монитор выключен, он черный.

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

Есть еще и другие цветовые профили, например HSL. HSL используется в качестве удобного инструмента выбора цвета, например в палитре.
НИЧЕГО СТРАШНОГО
Если дизайн в RGB, то профиль легко конвертируется в другой без потерь. Выбор правильного профиля изначально - формальность
У каждого цвета уникальный код. В каждом цветовом профиле формат кода разный. RGB поддерживает 255 оттенков Red, 255 Green и 255 Blue. Поскольку код длинный, придумали сжатую версию - HEX. Трехзначные числа стали двузначными, исчезли скобки и запятые. В разработке перед кодом ставится "#", но в описании или общении "#" можно опускать, все поймут, что это код цвета

Как выбрать цвет

1
задаем вопрос: ЧТОБЫ ЧТО?
Путей несколько:
  1. Выделиться на фоне конкурентов - идем туда, где покупатель будет видеть нас рядом с конкурентами, выбираем отличающийся цвет
  2. Разделить контент на группы (цветовая кодировка) - назначаем группе цвет. Например: акционные ценники желтым, важные уведомления красным, информирующие дорожные знаки - синим
  3. Разделить продукты - бюджетные ярче, премиум темнее
  4. Вызвать ассоциации - медицина бирюзовая, экологичные продукты зеленые
2
Следуем правилам
  1. Не перегибаем с контрастом - не размещаем ярко-белый на темно-черном
  2. Оттенки ступенчатые, с вниманием к дальтоникам
  3. Используем пастельные в качестве фона, яркие минимально
  4. Учитываем влияние культуры
  5. Носитель может менять оттенки
  6. Чем ярче дизайн, тем сильнее эффект произведен и тем быстрее надоест при повторном входе
3
Наводим порядок
  1. Записываем цвета в одно место
  2. Указываем HEX-код и при каких условиях используем цвет
  3. При добавлении нового цвета, добавляем его в базу
  4. Не добавляем второй акцентный цвет без необходимости

полезные ссылки

COOLORS
Нажимай пробел и цвет подберется сам
Adobe Color
Подбор цвета вручную по правилам гармонии цветов
Colorspace
Вставь хекс-код, а сервис предложит готовые варианты сочетаний

ЧТО ПОСМОТРЕТЬ

ПОХОЖЕЕ
    Made on
    Tilda