Роман Финк

HEX ↔ RGB ↔ HSL

Конвертер цвета: HEX, RGB, HSL и HSLA одновременно с живым превью. Слайдеры для каждого канала.

HEX ↔ RGB ↔ HSL

Меняешь любое значение — пересчитываются остальные. Все три формата CSS, превью и пипетка.

скопировано

О сервисе

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

Что умеет

  • Все три формата на одном экране: HEX, RGB и HSL
  • Слайдеры R/G/B/H/S/L с числовыми значениями
  • Color picker для быстрого выбора
  • Большое цветное превью
  • Копирование любого формата одной кнопкой

Как работает

Стандартные алгоритмы конверсии RGB ↔ HSL (~50 строк JS). HEX парсится через регулярное выражение, поддержка как 3-, так и 6-символьных HEX.

Пример

#3b82f6 = rgb(59, 130, 246) = hsl(217, 91%, 60%) — синий цвет Tailwind blue-500.

Нужен подобный сервис для вашего сайта или сложный сценарий — пишите, разработаю под задачи.

Разрабатываю калькуляторы, сервисы для сайтов и веб-приложения