Конвертер цветов (HEX / RGB / HSL)
Введите цвет в любом формате — HEX, RGB или HSL — или выберите пипеткой, и мгновенно получите два других формата плюс живой предпросмотр, готовые к вставке в CSS.
Как пользоваться
Введите значение вроде `#3b82f6`, `rgb(59,130,246)` или `hsl(217,91%,60%)`, либо кликните по образцу цвета для визуального выбора. Все три представления обновляются вместе, у каждого своя кнопка копирования.
HEX и RGB описывают цвет через интенсивность красного/зелёного/синего; HSL — через тон, насыщенность и светлоту, что часто удобнее, когда нужно сделать оттенок светлее или приглушённее. Наличие всех трёх позволяет взять тот, что ждёт ваш инструмент или код.
Частые вопросы
Как перевести HEX в RGB?
Разбейте шесть hex-цифр на три пары и прочитайте каждую как число по основанию 16: `#3b82f6` → 0x3b=59, 0x82=130, 0xf6=246 → rgb(59, 130, 246). Вставьте любой hex — RGB (и HSL) появятся сразу.
В чём разница между RGB и HSL?
Это разные способы описать одни и те же цвета. RGB смешивает красный, зелёный и синий свет (как работают экраны); HSL использует тон (положение на цветовом круге), насыщенность (яркость цвета) и светлоту — что интуитивнее для ручной подстройки цвета.
Поддерживается ли короткий 3-значный hex?
Да — `#f53` автоматически разворачивается в `#ff5533` по правилу CSS, где каждая цифра удваивается.
Поддерживается ли прозрачность (alpha)?
Конвертер работает со сплошными цветами (HEX/RGB/HSL). Альфа-канал (rgba/hsla) читается, но значение прозрачности не переносится — инструмент сфокусирован на переводе основного цвета.