Конвертер цветов переводит значение между форматами HEX, RGB и HSL и показывает превью цвета. Полезно для вёрстки, CSS, дизайна и работы с фирменной палитрой, когда цвет задан в одном формате, а нужен в другом.
Как конвертировать цвет
- Введите цвет в любом формате:
#2563eb,rgb(37, 99, 235)илиhsl(221, 83%, 53%). - Нажмите «Конвертировать».
- Получите остальные форматы и наглядный образец цвета.
Форматы цветов
- HEX — шестнадцатеричная запись
#RRGGBB, чаще всего в CSS и дизайне. - RGB — красный, зелёный, синий (0–255), удобно для расчётов и прозрачности (RGBA).
- HSL — тон, насыщенность, светлота; удобно подбирать оттенки одного цвета, меняя светлоту.
Зачем это нужно
Дизайнер прислал цвет в HEX, а в макете нужен HSL, чтобы сделать оттенок светлее; или из RGB надо получить HEX для CSS. Конвертер закрывает эти задачи за секунду и помогает держать палитру бренда единой на всех поверхностях.
Частые вопросы
Поддерживаются ли короткие HEX и прозрачность?
Короткий HEX из трёх символов (например #39f) распознаётся. Альфа-канал (прозрачность) в конвертации не участвует — переводятся основные цветовые каналы.