Решил попробовать новый формат цвета, про который пишут “[лучший формат цвета в CSS](https://htmlbook.ru/blog/oklch-luchshiy-format-dlya-cveta-v-css)” и переводят [хайповые статьи от Evil Martians](https://web-standards.ru/articles/oklch-in-css-why-quit-rgb-hsl/). Что хочу сказать – OKLCH это ад для программиста.
### Чем хорош HSL
В HSL у тебя есть HUE (0 – 360), Saturation (0% – 100%), Lightness (0% – 100%). Это значит, что можно выставить желаемые Saturation и Lightness, а потом крутить HUE и получать примерно схожие цвета по восприятию. Да, они будут не идеальны по восприятию, но это, что называется “close enought”. Зато, у тебя на любое значение Saturation и Lightness есть значение HUE. Когда смотришь на OKLCH, то он изначально выглядит странно. LCH = Lightness (0 – 1 или 0% – 100%), Chroma (~0.4 – 0.5 в зависимости от HUE), HUE (0 – 360). Но проблема даже не в том, что здесь насыщенность (Chroma) имеет плавающее максимальное значение. Основной ад здесь с HUE.
– [!(/wp-content/uploads/2025/08/hsl_dark-1024×755.webp)](/wp-content/uploads/2025/08/hsl_dark.webp)
– [!(/wp-content/uploads/2025/08/hsl_light-1024×758.webp)](/wp-content/uploads/2025/08/hsl_light.webp)
– [!(/wp-content/uploads/2025/08/oklch_dark-1024×753.webp)](/wp-content/uploads/2025/08/oklch_dark.webp)