Глоссарий цветов

Идентификация цвета — красный, оранжевый, желтый, зеленый… распределены по углу вокруг цветового круга (0° красный, 120° зеленый, 240° синий). То, что люди подразумевают под вопросом «какой цвет», это оттенок.

Насколько светлый или темный цвет, от чистого черного до чистого белого. При одинаковом оттенке более белый — светлее, более черный — темнее; светлота определяет читаемость и контраст.

Интенсивность цвета — 0% это серый, 100% это чистый оттенок. Высокая насыщенность привлекает внимание, но также вызывает усталость; в интерфейсах обычно ее оставляют для ключевых действий.

Чистый оттенок плюс белый — это оттенок, плюс черный — тень, плюс серый — тон. Шкалы фирменных цветов — это управляемые последовательности оттенков/теней.

Теплота света в Кельвинах: низкие значения Кельвина смещают в оранжевый (теплый), высокие — в синий (холодный). Режим теплого экрана просто снижает его температуру.

Отношение яркости переднего и заднего плана, от 1:1 до 21:1. WCAG требует ≥ 4.5:1 для основного текста и ≥ 3:1 для крупного текста — это минимальный порог доступности.

Алгоритм контрастности, кандидат в WCAG 3. Он учитывает размер шрифта, его насыщенность и полярность, а также точнее, чем WCAG 2.1, определяет текст в темном режиме и при низкой контрастности.

Система координат для цвета. sRGB — стандарт для веб, Display P3 охватывает больше оттенков, OKLCH организует цвет по человеческому восприятию.

Полный диапазон оттенков, который может отобразить устройство или пространство. Цвета с высокой неоновой насыщенностью часто выходят за пределы sRGB — экран может показать только их ближайшее приближение.

Шестизначная нотация #RRGGBB; 24-битный цвет (около 16,7 миллионов оттенков) — это само цветовое пространство веб.

Аддитивная модель красный-зеленый-синий, 0–255 на канал. То, как экраны излучают свет, делает RGB нативной моделью цифрового мира.

Субтрактивная модель голубой-пурпурный-желтый-черный, язык печати. Перевод экранного RGB в CMYK — только теоретическое приближение, не замена физических образцов.

Цилиндр оттенка, насыщенности и светлоты, более интуитивный, чем RGB. Его недостаток — неравномерность: при 50% светлоте желтый выглядит значительно ярче синего.

Новое перцептуально равномерное цветовое пространство: одинаковое значение светлоты означает одинаковую воспринимаемую светлоту, интерполяция никогда не становится серой — новый стандарт для шкал дизайн-систем. Поддержка в нативном CSS.

Числовое изменение, пропорциональное воспринимаемому изменению. В равномерном пространстве разница в 10 выглядит одинаково разной везде — основа CIEDE2000 и OKLCH.

Формула разницы цветов CIE. ΔE выражает воспринимаемое расстояние: меньше 1 почти невидимо, меньше 5 воспринимается как «один и тот же цвет», больше 10 явно различается.

Глобальная система плашечных цветов, лингва франка печати и моды. Каждый код имеет свою рецептуру краски; отображение на экране является симуляцией.

Немецкая национальная стандартная система цветов, эталон для промышленных покрытий и порошковой окраски — например, RAL 3020 Traffic Red.

Шведская система, описывающая цвет по черноте, хроматичности и оттенку; распространена в архитектуре и интерьерах.

Столетняя система, организованная по оттенку, светлоте и насыщенности; до сих пор является официальным стандартом для оценки почв и сельскохозяйственных культур.

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

Цвета, названные по назначению, а не по оттенку: основной/успех/предупреждение/опасность. Семантика позволяет создавать темы и режим темной темы.

Самый узнаваемый цвет бренда или интерфейса, несущий основные действия и акценты. Обычно занимает менее 10% поверхности — большое использование снижает его привлекательность.

Контрастная точка за пределами основного цвета: небольшое использование (<5%) с максимальным противопоставлением оттенка или насыщенности — точки уведомлений, кнопки CTA.

Шкала серого: фоны, разделители, основной и второстепенный текст размещаются на ней. Теплый или холодный уклон нейтрального цвета задает характер всего интерфейса.

Цвет бренда, расширенный по светлоте до 11 шагов (50–950), основа дизайн-систем — для наведения, границ и темной темы используются цвета из одной палитры.

Цвета, расположенные на цветовом круге на 180° друг от друга (красный-зеленый, синий-оранжевый). Вместе они усиливают друг друга — идеально для акцентов, но конфликтуют при соотношении 1:1.

От двух до четырех соседних оттенков (синий, сине-зеленый, зеленый). Гармоничные и безопасные, но плоские — один дополнительный акцент нарушает спокойствие.