Объяснение цветовых пространств
FAQ
- Какое цветовое пространство следует использовать для CSS?
- HEX и RGB являются стандартными. Современный CSS также поддерживает oklch() и lab() для улучшения восприятия градиентов и тем.
Почему цветовое пространство имеет значение
Различные цветовые пространства представляют один и тот же воспринимаемый цвет по-разному. Выбор правильного пространства влияет на интерполяцию, проверку доступности и экспорт в инструменты CSS, печати или дизайна.
Веб-разработчики обычно работают в sRGB (HEX/RGB/HSL), тогда как для рабочих процессов печати может потребоваться CMYK, а передовые инструменты дизайна могут использовать LAB для единообразных настроек восприятия.
HEX, RGB и HSL
HEX компактен и знаком в CSS (#RRGGBB). RGB напрямую отображается на каналы экрана. HSL разделяет оттенок, насыщенность и яркость — это полезно для настройки темы и создания оттенков и теней.
Используйте HEX/RGB для API и токенов дизайна. Используйте HSL, когда вам нужно осветлить или затемнить цвет бренда, сохранив при этом стабильный оттенок.
CMYK, LAB и XYZ
CMYK моделирует субтрактивные печатные краски. Преобразование RGB в CMYK является приблизительным, поскольку экраны и принтеры имеют разные гаммы.
LAB и XYZ не зависят от устройства. LAB особенно полезен для восприятия равномерных градиентов и расчетов яркости, связанных с доступностью.