Подключиться через MCP →

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

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

Математическая формула

Реклама

Результатов

Цвет в RGB
rgb(52, 152, 219)
from #3498DB
Красный (R) 52
Зелёный (G) 152
Синий (B) 219

Что такое конвертер 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.

Схема, показывающая разбиение шестизначного шестнадцатеричного кода на три пары, соответствующие красному, зелёному и синему каналам
6-значный шестнадцатеричный код делится на три пары, каждая из которых переводится в значение 0-255 для R, G и B.

Разбор на примере

Возьмём #3498DB. Красный = 34 = \(3\times16 + 4 = 52\). Зелёный = 98 = \(9\times16 + 8 = 152\). Синий = DB = \(13\times16 + 11 = 219\). Итог — rgb(52, 152, 219), приятный синий средней насыщенности.

Шестнадцатеричное значение FF8800, переведённое в RGB 255, 136, 0, с образцом цвета
Пример: #FF8800 переводится в RGB (255, 136, 0) — оранжевый образец.

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

Нужен ли символ #? Нет. Конвертер убирает его автоматически, поэтому 3498db и #3498DB дают одинаковый результат.

Важен ли регистр букв в HEX-коде? Нет. ff и FF — это одно и то же; инструмент приводит всё к верхнему регистру.

А как быть с трёхзначными кодами? Сокращённая запись вроде #F00 разворачивается удвоением каждого символа в #FF0000, что соответствует rgb(255, 0, 0) (чистый красный).

Последнее обновление: