Конвертер цвета из RGB в HEX

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

Красный (0–255)

Зелёный (0–255)

Синий (0–255)

Результатов

HEX-код цвета

#FF6347

rgb(255, 99, 71)

Красный	255
Зелёный	99
Синий	71

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

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

Значения красного, зелёного и синего каналов объединяются в один цвет, представленный шестнадцатеричным кодом.

Как пользоваться

Введите значения красного, зелёного и синего — каждое в диапазоне от 0 до 255. Нажмите «Рассчитать», и инструмент выдаст соответствующий HEX-код вместе с живым образцом цвета, чтобы вы могли убедиться в результате визуально. Значения за пределами 0–255 автоматически приводятся к допустимому диапазону.

Как работает формула

Каждый канал — это целое число от 0 до 255, то есть ровно тот диапазон, который вмещает один байт (от 00 до FF в шестнадцатеричной системе). Конвертер представляет каждый канал в виде двузначного шестнадцатеричного числа в верхнем регистре с ведущим нулём и объединяет их:

$$\text{Hex} = \text{\#} \; \texttt{[}\text{Red}\texttt{]}_{16} \, \texttt{[}\text{Green}\texttt{]}_{16} \, \texttt{[}\text{Blue}\texttt{]}_{16}$$

Например, значение 255 превращается в FF, а 0 — в 00. С точки зрения арифметики значение канала \(v\) раскладывается на старший разряд \(\lfloor v/16 \rfloor\) и младший разряд \(v \bmod 16\).

Каждое значение канала от 0 до 255 соответствует двухсимвольной шестнадцатеричной паре от 00 до FF.

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

Возьмём цвет «томатный» (tomato): R = 255, G = 99, B = 71. 255 в HEX — это FF. \(99 = 6 \times 16 + 3 = 63\). \(71 = 4 \times 16 + 7 = 47\). Соединив всё вместе, получаем #FF6347 — стандартный CSS-цвет «tomato».

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

Что означает каждая пара символов в HEX-коде? Первая пара — красный, вторая — зелёный, третья — синий, каждая от 00 (нет цвета) до FF (максимум).

Почему буквы в верхнем регистре? HEX-коды не зависят от регистра; верхний регистр — распространённое соглашение, но запись #ff6347 столь же корректна.

Можно ли вводить дробные значения? Нет — каналы RGB задаются целыми числами от 0 до 255. Дробные значения округляются в меньшую сторону.