Шесть инструментов для работы с цветами в пространстве OKLCH

Мы сделали подборку из трёх браузерных инструментов и трёх Figma-плагинов, которые работают на базе цветовой модели OKLCH. Перцепционная цветовая модель OKLCH — интуитивная модель, которая, в отличие от RGB и CMYK, не зависит от способа воспроизведения цвета. Она позволяет кодировать более широкий диапазон цветов, доступный человеческому глазу, и не смещает оттенок при изменении насыщенности
Дарья Райт
Дарья Райт
Ведущий редактор в «Оди» в 2022–2024 годах

По сравнению с HSL такой способ кодирования помогает получить предсказуемую яркость после настройки цвета

Чтобы лучше вникнуть в тему и понять, чем OKLCH удобнее других моделей, читайте статьи:

Браузерные инструменты

OKLCH Color Picker & Converter — колорпикер «Злых марсиан» на базе OKLCH

OddContrast — сервис для проверки доступности цветового контраста по стандартам WCAG 2. Позволяет указывать цвета в разных форматах, в том числе и OKLCH

Atmos — продвинутый генератор цветовых палитр для интерфейсов, который поддерживает работу в цветовых пространствах LCH и OKLCH. Есть бесплатная пробная версия на семь дней. Цена — от 6$ в месяц при оплате за три месяца

Figma-плагины

Harmony — доступная цветовая палитра «Злых марсиан», которая предлагает высококонтрастные цветовые оттенки. Благодаря цветовому пространству OKLCH и инновационному алгоритму контрастности APCA палитра содержит ранее недоступные цвета гаммы P3, а также точный контроль над контрастностью текста и элементов интерфейса

Gradient Generator — генератор градиентов, который поддерживает разные цветовые пространства, включая OKLCH

Perceptual Color — плагин, которые позволяет создавать градиенты в цветовом пространстве OKLCH

Поделиться
Отправить
Запинить

Обсуждение