Что такое конвертер HEX в RGB?
Конвертер HEX в RGB переводит шестнадцатеричный код цвета (тот самый шестизначный формат, который используется в CSS, HTML и графических редакторах) в эквивалентные значения RGB. Модель RGB описывает цвет тремя каналами — красным, зелёным и синим, — каждый из которых принимает значения от 0 до 255. HEX-код упаковывает эти же три значения в компактную строку по основанию 16, например #3498DB.
Как пользоваться
Введите любой HEX-код цвета в поле. Символ # в начале можно как указывать, так и опускать. Допустима и сокращённая трёхзначная запись (например, #0AF) — она автоматически разворачивается в полный шестизначный вид (#00AAFF). Нажмите «Рассчитать», чтобы увидеть тройку значений RGB, образец цвета и каждый канал по отдельности.
Разбор формулы
Шестизначный HEX-код делится на три пары символов: позиции 1–2 отвечают за красный, 3–4 — за зелёный, 5–6 — за синий. Каждая пара — это число в шестнадцатеричной системе (по основанию 16), которое переводится в десятичную (по основанию 10).
$$(R,\,G,\,B) = \left( \text{hex}_{1\text{-}2},\ \text{hex}_{3\text{-}4},\ \text{hex}_{5\text{-}6} \right)_{16}$$$$\text{where}\quad \left\{ \begin{aligned} R &= \big(\,\text{HEX}\,[1\text{-}2]\,\big)_{16} \\ G &= \big(\,\text{HEX}\,[3\text{-}4]\,\big)_{16} \\ B &= \big(\,\text{HEX}\,[5\text{-}6]\,\big)_{16} \end{aligned} \right.$$Например, пара FF равна \(15\times16 + 15 = 255\), то есть максимальной интенсивности, а 00 равна 0.
Разбор на примере
Возьмём #3498DB. Красный = 34 = \(3\times16 + 4 = 52\). Зелёный = 98 = \(9\times16 + 8 = 152\). Синий = DB = \(13\times16 + 11 = 219\). Итог — rgb(52, 152, 219), приятный синий средней насыщенности.
Частые вопросы
Нужен ли символ #? Нет. Конвертер убирает его автоматически, поэтому 3498db и #3498DB дают одинаковый результат.
Важен ли регистр букв в HEX-коде? Нет. ff и FF — это одно и то же; инструмент приводит всё к верхнему регистру.
А как быть с трёхзначными кодами? Сокращённая запись вроде #F00 разворачивается удвоением каждого символа в #FF0000, что соответствует rgb(255, 0, 0) (чистый красный).
