Конвертер цветов онлайн

Переводит цвет между HEX, RGB и HSL и показывает образец. Не нужно подбирать «почти тот же» оттенок на глаз.

HEX — в CSS и Figma. rgb()/hsl() — в стили, если так принято в проекте. Скопируйте нужную запись в CSS-переменную или в токен дизайн-системы.

Данные

Введите #1e4d4a, rgb(30, 77, 74) или hsl(174, 44%, 21%). В результате появятся все три формы и превью.

HEX удобен в CSS-переменных, RGB — для прозрачности через rgba, HSL — когда нужно менять светлоту, не трогая тон.

Чем #fff отличается от #ffffff?

Короткая запись дублирует каждый канал: f → ff.

Почему HSL «прыгает»?

Округление при переводе RGB↔HSL даёт погрешность в 1% — это нормально.

Есть ли альфа-канал?

Текущая версия конвертирует непрозрачные цвета.

alpha в hex #rgba?

Сейчас четыре и восемь hex-цифр с альфой не разбираются. Укажите непрозрачный цвет.

Для Tailwind что брать?

Удобнее hex. rgb() нужен, если задаёте прозрачность отдельно.