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

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

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

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

Синий (0–255)

Результатов

HEX-код цвета

#FF6347

Шестнадцатеричная запись для CSS

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

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

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

Конвертер RGB в HEX превращает значения красного, зелёного и синего в один код #RRGGBB.

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

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

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

Значение каждого канала (0–255) записывается как двузначное число по основанию 16. Первая цифра — это результат целочисленного деления значения на 16 (старший разряд), а вторая — остаток от деления на 16 (младший разряд); используются символы 0–9 и A–F. Три двузначных результата соединяются после ведущего символа #:

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

Каждый канал (0-255) становится двумя шестнадцатеричными цифрами из символов 0-9 и A-F.

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

Возьмём цвет «томатный» (tomato): \(R=255\), \(G=99\), \(B=71\). Для R: \(255 \div 16 = 15 \to \text{F}\), остаток \(15 \to \text{F}\), получаем «FF». Для G: \(99 \div 16 = 6 \to 6\), остаток \(3 \to 3\), получаем «63». Для B: \(71 \div 16 = 4 \to 4\), остаток \(7 \to 7\), получаем «47». Соединяем всё вместе: #FF6347.

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

Почему HEX-код состоит из 6 знаков? На каждый из трёх каналов приходится по две шестнадцатеричные цифры (\(2 \times 3 = 6\)), что охватывает все 16 777 216 возможных цветов.

Можно ли писать буквы в верхнем или нижнем регистре? В CSS допустимы оба варианта. Этот инструмент выводит буквы в верхнем регистре (A–F); #ff6347 и #FF6347 — это один и тот же цвет.

А как насчёт прозрачности? В стандартном HEX-коде нет альфа-канала. Восьмизначная форма #RRGGBBAA добавляет прозрачность, но этот конвертер выдаёт привычный шестизначный код.