🎨

Цвет HEX ↔ RGB ↔ HSL

Жми любой цвет в палитре или вводи код вручную — всё пересчитается.

Палитра — кликай любой цвет

Оттенки выбранного цвета

Выбранный цвет

HEX

RGB

HSL

Конвертер и подбор цветов

Инструмент переводит цвет между форматами HEX (#RRGGBB), RGB и HSL и показывает его на палитре. Это нужно дизайнерам и верстальщикам: скопировать код цвета для CSS, подобрать оттенок, получить RGB из HEX и наоборот. Выберите цвет на палитре или введите код — остальные форматы пересчитаются сразу.

Форматы цвета

HEX — #FF5733, привычен в вебе и графике;
RGB — по каналам красный, зелёный, синий (0–255);
HSL — тон, насыщенность, яркость — удобно подбирать оттенки.

Вопросы и ответы

Как получить RGB из HEX? Каждая пара символов HEX — это значение канала: #FF5733 = rgb(255, 87, 51).

Что такое прозрачность? Это альфа-канал (a) в форматах RGBA/HEX8 — 0 полностью прозрачный, 1 непрозрачный.