Конвертер HEX в RGB

Введите расчет

Hex-код цвета Введите 3- или 6-значный hex-код, с символом # или без него

Результатов

Цвет в формате RGB

rgb(52, 152, 219)

Красный (R)	52
Зелёный (G)	152
Синий (B)	219

Что такое конвертер HEX в RGB?

Hex-код цвета — это шестизначное шестнадцатеричное обозначение цвета, которое широко применяется в веб-дизайне, CSS и графических редакторах. Конвертер HEX в RGB разбивает такой код на три канала — красный (Red), зелёный (Green) и синий (Blue), где каждое значение выражается десятичным числом от 0 до 255. Формат RGB пригодится во многих языках программирования, дизайнерских инструментах и в любых ситуациях, где шестнадцатеричная запись не поддерживается.

RGB описывает цвет как смесь красного, зелёного и синего света.

Как пользоваться конвертером

Введите hex-код в поле ввода. Символ # в начале можно как указать, так и пропустить. Допустима как полная шестизначная запись (например, #3498db), так и сокращённая трёхзначная (например, #f00) — она автоматически разворачивается до полной. Нажмите «Рассчитать», чтобы увидеть соответствующие значения RGB и живой образец цвета.

Разбор формулы

Hex-код делится на три пары по два символа. Каждая пара — это число в шестнадцатеричной системе (по основанию 16), которое переводится в десятичную систему (по основанию 10). Например, пара FF равна \(15 \times 16 + 15 = 255\) — это максимальное значение канала, а 00 равно 0 — минимальное. Общее правило таково:

$$(R,\,G,\,B) = \bigl(\text{hex}_{1\text{-}2},\ \text{hex}_{3\text{-}4},\ \text{hex}_{5\text{-}6}\bigr)_{16}$$

где \(R = \text{int}(\text{hex}[0{:}2],\,16)\), \(G = \text{int}(\text{hex}[2{:}4],\,16)\) и \(B = \text{int}(\text{hex}[4{:}6],\,16)\).

HEX-код делится на три пары, которые становятся значениями красного, зелёного и синего.

Пример расчёта

Возьмём hex-код #3498DB. Разбиваем его на пары 34, 98 и DB. Переводим каждую:

$$34 = 3 \times 16 + 4 = 52$$$$98 = 9 \times 16 + 8 = 152$$$$\text{DB} = 13 \times 16 + 11 = 219$$

В результате получаем rgb(52, 152, 219) — приятный небесно-голубой оттенок.

Частые вопросы

Нужен ли символ #? Нет. Конвертер игнорирует решётку и любые символы, не относящиеся к hex, поэтому работают оба варианта — и #fff, и fff.

А как насчёт трёхзначных hex-кодов? Сокращённые коды вроде #abc перед переводом автоматически разворачиваются до #aabbcc.

Какое максимальное значение RGB? Каждый канал принимает значения от 0 (hex 00) до 255 (hex FF), что в сумме даёт 16 777 216 возможных цветов.