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

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

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

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

Синий (0–255)

Результатов

HEX-код цвета

#FFA500

rgb(255, 165, 0)

Канал	Десятичное	HEX
Красный	255	FF
Зелёный	165	A5
Синий	0	00

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

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

RGB объединяет красный, зелёный и синий каналы (по 0-255) в один цвет.

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

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

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

Каждый канал переводится в систему счисления по основанию 16. Байт от 0 до 255 всегда умещается ровно в две шестнадцатеричные цифры (от 00 до FF). Чтобы перевести значение v, старший разряд вычисляется как floor(v / 16), а младший — как v mod 16, при этом числа 10–15 заменяются буквами A–F. Однозначные результаты дополняются нулём слева, чтобы каждый канал занимал ровно два символа. Затем три двузначных фрагмента склеиваются и подставляются после символа #.

$$\text{Hex} = \text{\#} \; \overline{\text{Red}}_{16} \, \overline{\text{Green}}_{16} \, \overline{\text{Blue}}_{16}$$

Каждый канал 0-255 превращается в двузначную шестнадцатеричную пару после символа #.

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

Возьмём RGB(255, 165, 0): Красный 255 = FF, Зелёный 165 = (\(165 \div 16 = 10\), остаток \(5\)) → A5, Синий 0 = 00. После склейки получаем #FFA500 — классический веб-цвет «оранжевый» (orange).

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

Почему некоторые HEX-коды состоят всего из 3 цифр? Сокращённая запись вроде #FFF разворачивается в #RRGGBB, где каждая пара цифр повторяется (то есть #FFF = #FFFFFF). Этот инструмент всегда выдаёт полный шестизначный формат.

Что означает FF? FF — это шестнадцатеричная запись числа 255, максимальной интенсивности канала.

Можно ли ввести значения больше 255? Каналы принимают только значения от 0 до 255, поэтому большие числа приводятся к 255 (а отрицательные — к 0).