По сравнению с HSL такой способ кодирования помогает получить предсказуемую яркость после настройки цвета
Чтобы лучше вникнуть в тему и понять, чем OKLCH удобнее других моделей, читайте статьи:
Браузерные инструменты
OKLCH Color Picker & Converter — колорпикер «Злых марсиан» на базе OKLCH
![](https://awdee.ru/wp-content/uploads/2024/05/b878c565be2a03e2783e17dab1bb4d1c.png.webp-1024x592.webp)
OddContrast — сервис для проверки доступности цветового контраста по стандартам WCAG 2. Позволяет указывать цвета в разных форматах, в том числе и OKLCH
![](https://awdee.ru/wp-content/uploads/2024/05/OddContrast-1024x735.png)
Atmos — продвинутый генератор цветовых палитр для интерфейсов, который поддерживает работу в цветовых пространствах LCH и OKLCH. Есть бесплатная пробная версия на семь дней. Цена — от 6$ в месяц при оплате за три месяца
![](https://awdee.ru/wp-content/uploads/2024/05/46c3eeb7308a5bb1f1a762df3402fcd4.png.webp-1024x536.webp)
Figma-плагины
Harmony — доступная цветовая палитра «Злых марсиан», которая предлагает высококонтрастные цветовые оттенки. Благодаря цветовому пространству OKLCH и инновационному алгоритму контрастности APCA палитра содержит ранее недоступные цвета гаммы P3, а также точный контроль над контрастностью текста и элементов интерфейса
![](https://awdee.ru/wp-content/uploads/2024/05/a7a10ca4-1ed1-419d-942f-69f226b4f7db-cover-1024x614.png)
Gradient Generator — генератор градиентов, который поддерживает разные цветовые пространства, включая OKLCH
![](https://awdee.ru/wp-content/uploads/2024/05/23ad44bdb32cebbb01815b7d954187381600130e-cover-1024x576.png)
Perceptual Color — плагин, которые позволяет создавать градиенты в цветовом пространстве OKLCH
![](https://awdee.ru/wp-content/uploads/2024/05/178606875697600c3e57c49e93945c28100b2326-cover-1024x512.png)
Обсуждение
Похожее
Really Good Emails — коллекция хорошего дизайна электронных писем
Как делать гармоничные цветовые схемы
14 полезных плагинов Figma для проверки доступности дизайна