Об этом инструменте
OKLCH описывает цвет через перцептивную светлоту (L), цветность (C) и оттенок (H). В отличие от HEX или HSL, равные шаги в OKLCH выглядят равными для человеческого глаза — что делает его идеальным для цветовых шкал дизайн-систем.
Используйте его для переноса существующих фирменных цветов в синтаксис oklch() или для построения палитр с согласованным оттенком.
Современные браузеры поддерживают oklch() нативно — для актуальных целевых платформ запасной вариант не нужен.
Часто задаваемые вопросы
Зачем использовать OKLCH вместо HSL?
Светлота в HSL не является перцептивно равномерной — жёлтый с 50% светлоты выглядит гораздо ярче, чем синий с 50%. OKLCH исправляет это, поэтому шкалы остаются согласованными между оттенками.
Что означают L, C и H?
L — это воспринимаемая светлота (0–100%), C — цветность (насыщенность, без верхней границы), H — угол оттенка в градусах.
Точное ли это преобразование?
Это стандартное колориметрическое преобразование через sRGB → линейный RGB → OKLab. Значения округляются для удобочитаемости; потеря точности значительно ниже всего, что заметно глазу.