Что такое конвертер RGB в HEX?
Этот инструмент переводит цвет, заданный каналами Red, Green и Blue (красный, зелёный, синий), в шестнадцатеричный HEX-код, который используется в вёрстке сайтов, CSS, HTML и графических редакторах. Каждый канал принимает значения от 0 до 255, а калькулятор превращает эти три числа в привычный код вида #FF6347 и его десятичное значение. Живой образец сразу показывает, как именно выглядит цвет.
Как пользоваться
Введите значение от 0 до 255 для каждого из каналов — красного, зелёного и синего. Нажмите «Рассчитать», и вы увидите HEX-код, десятичное значение цвета и то, как каждый канал превращается в свою двузначную HEX-пару. HEX-код можно сразу скопировать в CSS или в графический редактор.
Как работает формула
Каждый канал — это 8-битное число (0–255), которому соответствуют ровно две шестнадцатеричные цифры (00–FF). Чтобы получить общее десятичное значение, умножьте красный на 65536 (164), зелёный на 256 (162) и прибавьте синий: $$\text{десятичное} = R\times 65536 + G\times 256 + B$$ HEX-код — это просто каждый канал, записанный в системе счисления с основанием 16 и объединённый с ведущим символом #.
Разбор примера
Возьмём RGB(255, 99, 71) — цвет «помидор» (tomato). Красный 255 = FF, зелёный 99 = 63, синий 71 = 47, что даёт HEX-код #FF6347. Десятичное значение: $$255\times 65536 + 99\times 256 + 71 = 16\,711\,680 + 25\,344 + 71 = \mathbf{16\,737\,095}$$
Частые вопросы
Почему на каждый канал приходится ровно две HEX-цифры? Потому что число 255 в шестнадцатеричной системе — это FF: двух цифр хватает, чтобы покрыть все значения от 0 до 255.
Можно ли использовать десятичное значение в коде? Да. Многие графические API принимают одно целое число (например, 16737095) как упакованное значение цвета.
В чём разница между HEX и RGB? Это два способа записи одного и того же цвета: HEX компактнее, а RGB нагляднее. Этот инструмент показывает оба варианта.
