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

Выберите цвет или вставьте значение HEX, RGB или HSL — и мгновенно увидите его в форматах HEX, RGB(A), HSL(A), HWB, OKLCH, а также ближайшее CSS-имя цвета и класс Tailwind. Скопируйте нужный формат одним кликом.

Выбрать цвет

Или введите цвет

Прозрачность1

Живой образец

Все форматы

Всё работает в вашем браузере. Без загрузки файлов, без регистрации.

Как это работает

STEP 1

Выберите цвет

Используйте встроенный выбор цвета или введите значение HEX, RGB или HSL. Образец и все форматы обновляются на лету — ничего не покидает ваше устройство.

STEP 2

Смотрите все форматы

Тот же цвет отображается в форматах HEX, RGB(A), HSL(A), HWB и OKLCH, а также показывается ближайшее CSS-имя цвета и ближайший класс Tailwind — всё вычисляется в браузере.

STEP 3

Копируйте нужное

У каждой строки есть своя кнопка копирования. Нажмите её, чтобы поместить точное значение в буфер обмена и вставить в свой CSS.