Конвертер цветов

Конвертируйте любой цвет между HEX, RGB, HSL и OKLCH. С визуальным выбором цвета и живым предпросмотром.

Студия · нейтральное окружение

#6366F1

Выбрать цвет

HEX

RGB

HSL

OKLCH

CSS-переменные

Возможности

HEX ↔ RGB ↔ HSL ↔ HSV ↔ CMYK

Visual color picker

Live preview

CSS variable output

1. Выберите цвет (или кликните по рабочей области, вставьте HEX, используйте пипетку или нажмите Пробел для случайного).

2. Все форматы — HEX, RGB, HSL, OKLCH — конвертируются в обе стороны в реальном времени.

3. Копируйте одно значение или весь блок CSS-переменных; переключайте фон, чтобы оценить цвет на белом, сером или тёмном.

What color formats are supported?

HEX, RGB, HSL, HSV, and CMYK formats are all supported with instant conversion.