Что такое конвертер HEX в RGB?
HEX-код цвета — это шестизначная запись цвета в шестнадцатеричной системе, которая повсеместно используется в веб-дизайне, CSS и компьютерной графике. Он задаёт яркость трёх цветовых каналов — красного, зелёного и синего — с помощью символов системы счисления по основанию 16 (цифры 0–9 и буквы A–F). Этот конвертер берёт HEX-код, например #3498DB, и переводит его в эквивалентную тройку значений RGB, которую ожидают многие графические редакторы, языки программирования и инструменты дизайна.
Как пользоваться
Введите HEX-код цвета в поле выше. Символ # в начале можно указать или опустить — сработают оба варианта. Поддерживаются как стандартные шестизначные коды (#RRGGBB), так и сокращённая трёхзначная запись (#RGB); сокращённый формат разворачивается автоматически (например, #0AF превращается в #00AAFF). В результате вы увидите полную строку rgb(r, g, b), значения по каждому каналу и живой образец цвета.
Как устроена формула
Каждый цветовой канал занимает две шестнадцатеричные цифры. Первые два символа отвечают за красный, средние два — за зелёный, последние два — за синий. Каждую пару переводят из системы по основанию 16 в десятичную:
$$(R,\,G,\,B) = \bigl(\text{hex}_{[1\text{-}2]},\ \text{hex}_{[3\text{-}4]},\ \text{hex}_{[5\text{-}6]}\bigr)_{16}$$ $$\text{where}\quad \left\{ \begin{aligned} R &= \text{Int}_{16}\!\left(\text{Hex}[1\text{-}2]\right) \\ G &= \text{Int}_{16}\!\left(\text{Hex}[3\text{-}4]\right) \\ B &= \text{Int}_{16}\!\left(\text{Hex}[5\text{-}6]\right) \end{aligned} \right.$$
\(R = \text{int}(\text{hex}[0{:}2],\ 16)\), \(G = \text{int}(\text{hex}[2{:}4],\ 16)\), \(B = \text{int}(\text{hex}[4{:}6],\ 16)\). Значение каждого канала лежит в диапазоне от 0 (00) до 255 (FF).
Разбор на примере
Возьмём #3498DB. Пара для красного — 34, это \(3\times16 + 4 = \mathbf{52}\). Пара для зелёного — 98, то есть \(9\times16 + 8 = \mathbf{152}\). Пара для синего — DB, где \(D = 13\), а \(B = 11\), значит \(13\times16 + 11 = \mathbf{219}\). Таким образом, #3498DB = rgb(52, 152, 219).
Частые вопросы
Во что переводится FFFFFF? В чистый белый: rgb(255, 255, 255). А 000000 — это чистый чёрный: rgb(0, 0, 0).
Можно ли ввести трёхзначный код? Да. В сокращённой трёхзначной записи каждый символ удваивается — #F00 разворачивается в #FF0000 = rgb(255, 0, 0).
Обязателен ли символ #? Нет. Конвертер сам убирает символ # в начале, поэтому подойдут оба варианта — и #1A2B3C, и 1A2B3C.
