HEX RGB HSL Color Converter

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

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

Значения CSS

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

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

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

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

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

Related color tools

Image Color Picker
Pick HEX, RGB and HSL values from uploaded or pasted images.
CSS Color Converter
Convert HEX, RGB, HSL, HSV and CMYK colors.

Frequently asked questions

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

Нет. Преобразование 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 разделяет оттенок, насыщенность и яркость, что делает его практичным при настройке цветовых семейств, состояний наведения и токенов дизайна.