HEX ↔ RGB ↔ HSL
Конвертер цвета: HEX, RGB, HSL и HSLA одновременно с живым превью. Слайдеры для каждого канала.
О сервисе
Конвертер цвета между форматами 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.
Нужен подобный сервис для вашего сайта или сложный сценарий — пишите, разработаю под задачи.
Похожие инструменты
Генератор border-radius
Конструктор скруглений углов CSS. Все углы одинаково или каждый отдельно, превью прямоугольника.
Генератор clip-path
Готовые формы clip-path: треугольник, ромб, шестиугольник, звезда, стрелка и др. Превью + готовый CSS.
Генератор CSS box-shadow
Конструктор тени для блоков с превью карточки. Слайдеры X/Y/blur/spread, цвет, режим inset, несколько теней.
Генератор CSS-анимации
Готовые @keyframes анимации: fade, bounce, shake, pulse, spin, slideIn. Слайдеры длительности, повторов и timing-функции.
Генератор CSS-градиента
Визуальный конструктор linear- и radial-градиентов. Color stops, угол наклона, готовый CSS-код.
Конвертер px → rem / em / vw
Перевод значений CSS из пикселей в rem, em, vw, vh, % и обратно. Настраиваемый root font-size, ширина и высота вьюпорта.
Сделаю такой же сервис под вашу задачу
Внутренние инструменты для сотрудников, публичные сервисы для клиентов, конвертеры и генераторы. Напишите — обсудим.
