// о инструменте

Конвертер цветов принимает любой распространённый формат цвета — hex-триплеты, CSS-функции rgb() и rgba(), hsl() и hsla(), oklch() и именованные CSS-цвета — и мгновенно показывает эквивалент во всех пяти форматах: HEX, RGB, HSL, OKLCH и CIELab. Значения OKLCH и Lab вычисляются через полный конвейер sRGB → линейный → XYZ → OKLab.

// когда использовать

Конвертировать дизайн-токен из HEX в HSL для CSS-переменной
Проверить светлоту и насыщенность фирменного цвета в OKLCH для работы с доступностью
Конвертировать именованный CSS-цвет (например, «cornflowerblue») в его hex-значение
Получить Lab-координаты цвета для проверки перцептивной однородности

// faq

Что такое OKLCH и зачем его использовать?

OKLCH — перцептивно однородное цветовое пространство, в котором одинаковые числовые шаги дают одинаково воспринимаемые изменения светлоты, насыщенности и тона. Нативно поддерживается в CSS (color: oklch(60% 0.15 240)) и удобен для создания консистентных цветовых шкал и доступных палитр.

Какие форматы принимаются на входе?

HEX (#rgb, #rrggbb, #rrggbbaa), CSS rgb()/rgba(), CSS hsl()/hsla(), CSS oklch() и любой именованный CSS-цвет (red, cornflowerblue и т.д.). Инструмент автоматически определяет формат — просто вводите или вставляйте значение.

// похожие инструменты

// о инструменте

// когда использовать

// faq