HEX RGB HSL конвертер цветов

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

Все выполняется локально в вашем браузере.

Значения CSS

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

Передача дизайна

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

Приватная локальная обработка

Конвертер использует только собственный JavaScript браузера. Не используется конечная точка загрузки или преобразование на стороне сервера.

Связанные инструменты цвета

Пипетка цвета изображения
Выбирайте HEX, RGB и HSL значения из загруженных или переданных изображений.
CSS Конвертер цветов
Конвертируйте HEX, RGB, HSL, HSV и CMYK цвета.
Генератор цветовой палитры изображения
Определите точный цвет на локальном изображении.
Проверка цветового контраста WCAG
Проверьте коэффициент контрастности доступности и стандарты AA/AAA.
EXR HDR в PNG
Применить явную экспозицию, гамму или преобразование сцены-линейного в sRGB к каналам OpenEXR.

FAQ: конвертер файлов Convertr

Загружается ли значение моего цвета?

Нет. Преобразование HEX, RGB и HSL выполняется с помощью JavaScript в вашем браузере. Введенные вами значения цветов не отправляются на серверы Convertr.

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

Конвертер поддерживает 3-значные и 6-значные цвета HEX, такие как #0fa и #00ffaa.

Могу ли я вставить значения CSS rgb() и hsl()?

Да. Вы можете вставить значения, такие как rgb(34, 197, 94), 34 197 94, hsl(142, 71%, 45%) или 142 71% 45%.

Для чего полезен HSL?

HSL разделяет оттенок, насыщенность и яркость, что делает его практичным при настройке цветовых семейств, состояний наведения и токенов дизайна.