Что такое перевод HEX в RGB?
HEX-код цвета — это шестизначная запись цвета в шестнадцатеричной системе (с основанием 16), которую активно используют в веб-дизайне и CSS. Пример — #3498DB. Каждая пара символов задаёт один из трёх основных цветовых каналов: красный, зелёный и синий. Модель RGB описывает тот же цвет тремя десятичными числами от 0 до 255. Этот конвертер переводит HEX-код в соответствующую тройку RGB и сразу показывает образец цвета.
Как пользоваться конвертером
Введите или вставьте HEX-код цвета в поле. Решётку # в начале можно указать или опустить — работают оба варианта. Инструмент принимает как стандартные шестизначные коды, так и трёхзначную сокращённую запись (например, #0AF, которая разворачивается в #00AAFF). Нажмите «Рассчитать», чтобы увидеть значения красного, зелёного и синего, а также образец цвета.
Как работает формула
Перевод — это прямой разбор числа из шестнадцатеричной системы. Строка из шести символов делится на три пары по два символа. Каждая пара читается как шестнадцатеричное число: первая цифра умножается на 16, а вторая прибавляется. Так пара «FF» = \(15\times16 + 15 = 255\), а «00» = 0. Общая формула:
$$\text{значение} = (\text{первая цифра} \times 16) + \text{вторая цифра}$$где каждая цифра находится в диапазоне 0–15 (буквы A–F обозначают числа 10–15).
$$\begin{gathered} (R,G,B) = \big(\,\text{hex}_{[1,2]},\ \text{hex}_{[3,4]},\ \text{hex}_{[5,6]}\,\big)_{16} \\[1.5em] \text{where}\quad \left\{ \begin{aligned} R &= \operatorname{int}_{16}\!\left(\text{Hex}_{[1,2]}\right) \\ G &= \operatorname{int}_{16}\!\left(\text{Hex}_{[3,4]}\right) \\ B &= \operatorname{int}_{16}\!\left(\text{Hex}_{[5,6]}\right) \end{aligned} \right. \end{gathered}$$
Разбор на примере
Возьмём #3498DB. Разбиваем на пары 34, 98, DB.
Результат — rgb(52, 152, 219), знакомый небесно-голубой оттенок.
Частые вопросы
Важен ли регистр букв? Нет. #abcdef и #ABCDEF дают одинаковый результат RGB.
А как быть с трёхзначными кодами? Трёхзначный HEX вроде #F60 — это сокращение, где каждый символ удваивается, превращаясь перед переводом в #FF6600.
Почему значения не превышают 255? Каждый канал занимает две шестнадцатеричные цифры, а максимальное двузначное значение FF равно 255 — то есть на канал приходится 256 уровней (от 0 до 255).
