Что конвертирует RGB в HEX
RGB описывает экранный цвет тремя каналами: красным, зеленым и синим. HEX записывает тот же цвет шестнадцатеричными парами символов. Конвертер переводит RGB/RGBA в HEX/HEX8 и обратно, чтобы один цвет можно было использовать в CSS, HTML, дизайн-токенах и макетах.
RGB и HEX относятся к экранным цветам. Результат подходит для веб-разработки и интерфейсного дизайна, но не заменяет профильную конвертацию для печати.
Диапазоны каналов
Каждый RGB-канал задается числом от 0 до 255.
$$ 0 \le R,G,B \le 255 $$
Значение 0 означает минимальную интенсивность канала, а 255 — максимальную. Например, rgb(255, 128, 0) содержит полный красный канал, средний зеленый канал и нулевой синий канал.
Как RGB переводится в HEX
Каждый десятичный канал переводится в двухсимвольную шестнадцатеричную пару.
$$ RR = \operatorname{hex}(R) $$
$$ GG = \operatorname{hex}(G) $$
$$ BB = \operatorname{hex}(B) $$
После этого пары соединяются в одну CSS-запись.
$$ \#RRGGBB = \#RR\,GG\,BB $$
Для rgb(255, 128, 0) получается #ff8000, потому что 255 в HEX равно ff, 128 равно 80, а 0 равно 00.
Как работает alpha
RGBA добавляет alpha-канал, то есть прозрачность. В CSS alpha обычно задается числом от 0 до 1.
$$ 0 \le \alpha \le 1 $$
Для 8-символьного HEX alpha переводится в пару AA.
$$ AA = \operatorname{hex}\left(\operatorname{round}(255\alpha)\right) $$
Если alpha равна 0.5, значение около 128 превращается в 80 в шестнадцатеричной записи. Поэтому rgba(255, 0, 0, 0.5) можно представить как #ff000080.
Обратная проверка HEX
Страница синхронизирует RGB/RGBA и HEX. Это полезно, когда нужно проверить готовый цвет из CSS, сравнить HEX8 с RGBA или получить каналы 0-255 из шестнадцатеричной записи.
Короткие HEX-формы тоже можно развернуть до полных пар каналов.
$$ \#rgb \rightarrow \#rrggbb $$
$$ \#rgba \rightarrow \#rrggbbaa $$
Ограничения
Инструмент работает с RGB, RGBA, HEX и HEX8 для CSS-цветов. Он не конвертирует HSL, HSV, CMYK, XYZ, LAB и другие цветовые пространства. Для таких моделей нужны отдельные страницы, потому что у них другие каналы, формулы и область применения.