Hacker News Digest

OKLCH — новая цветовая модель, построенная на пространстве OKLab. Она равномерна по восприятию: одинаковые шаги по Lightness, Chroma, Hue выглядят одинаково яркими и насыщенными.

• Lightness 0–1 (или 0–100 %)
• Chroma — «чистота» цвета
• Hue — тон, 0–360°

Плюсы OKLCH

• Меняя только Hue, получаем равные по яркости цвета (в HSL они «плывут»).
• Изменяя Lightness, сохраняется оттенок без сдвига в серый или фиолетовый.
• Градиенты ровные, без грязных средних точек.
• Поддерживает Display-P3 и другие широкие гамуты.

Ограничения

• Очень высокие значения Chroma могут выходить за пределы реальных экранов и обрезаться.
• Старые браузеры не понимают oklch(); используйте @supports и резервные sRGB-значения.

CSS-пример с фолбеком

:root {
  --brand: #0066ff;
}
@supports (color: oklch(0 0 0)) {
  :root { --brand: oklch(0.55 0.18 260); }
}