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

Работает прямо в браузере - без загрузки файлов и регистрации.

Красный

Зелёный

Синий

Добавить прозрачность (RGBA)

Готовые цвета

Выбрать цвет

6-значный HEX#4F46E5

Пары каналов HEX

4F46E5

rgb(79, 70, 229)

Поделиться инструментом

Как перевести RGB в HEX?

Преобразуйте каждое значение красного, зелёного и синего каналов из десятичной системы в пару шестнадцатеричных цифр, а затем объедините три пары после знака #. RGB(255, 87, 51) даёт FF, 57 и 33, поэтому цвет в формате HEX будет #FF5733. Этот конвертер выполняет расчёт сразу и при необходимости добавляет альфа-пару для прозрачности.

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

1Введите каналы RGB. Укажите красный, зелёный и синий каналы целыми числами от 0 до 255 или настройте связанные ползунки.
2Проверьте предпросмотр. Образец цвета и шестизначный результат HEX обновляются сразу. Можно также нажать на образец и выбрать цвет визуально.
3При необходимости добавьте прозрачность. Включите прозрачность, чтобы получить восьмизначный код HEX, и задайте значение от 0 до 100 процентов.
4Скопируйте код HEX. Нажмите Копировать, чтобы поместить готовый для CSS код цвета в буфер обмена.

Кому пригодится

Фронтенд-разработчики переводят значения из инструментов браузера или CSS-объявлений rgb() в компактные цвета HEX.
UI-дизайнеры переносят фирменный RGB-цвет в программы и дизайн-системы, которые принимают шестизначные значения HEX.
Команды email-маркетинга сохраняют точные цвета при работе в редакторах с разными форматами.
Разработчики игр и визуализаций данных превращают числовые значения каналов в удобные элементы палитры.

В каналах RGB используются десятичные значения от 0 до 255. Формат HEX записывает те же три канала sRGB парами в системе счисления с основанием 16, от 00 до FF. Введите значения, передвиньте ползунки, выберите готовый цвет или нажмите на образец, чтобы открыть палитру браузера. Включите прозрачность, если нужен восьмизначный формат #RRGGBBAA. Преобразование выполняется локально в браузере, без загрузки данных и регистрации.

RGB	HEX
rgb(255, 0, 0)	`#FF0000`
rgb(0, 128, 255)	`#0080FF`
rgb(15, 23, 42)	`#0F172A`

Вопросы и ответы

Этот конвертер RGB в HEX бесплатный?

Да. Конвертер можно использовать бесплатно, без регистрации, скачивания и ограничений. Введите значения RGB, настройте ползунки или выберите цвет, а затем сразу скопируйте результат.

Мои значения RGB загружаются на сервер?

Нет. Перевод RGB в HEX основан на простой арифметике и полностью выполняется в браузере. Значения цвета не загружаются и не отправляются внешнему сервису.

Какие значения RGB можно вводить?

Для каждого красного, зелёного и синего канала введите целое число от 0 до 255. Ноль означает отсутствие этого канала, а 255 соответствует его максимальной интенсивности. Конвертер отмечает дробные, пропущенные и выходящие за пределы диапазона значения, а не исправляет их без предупреждения.

Какова формула перевода RGB в HEX?

Преобразуйте каждый десятичный канал RGB в систему счисления с основанием 16 и дополните результат до двух цифр. Сначала запишите красный, затем зелёный и синий, а в начале поставьте #. Для rgb(255, 87, 51) пары FF, 57 и 33 объединяются в #FF5733.

Можно ли добавить прозрачность в цвет HEX?

Да. CSS поддерживает восьмизначный формат #RRGGBBAA. Последняя пара обозначает альфа-канал: 00 означает полную прозрачность, а FF полную непрозрачность. Включите прозрачность в конвертере, чтобы преобразовать процент в эту пару.

Важен ли регистр букв в HEX?

Нет. В CSS цифры HEX не зависят от регистра, поэтому #FF5733 и #ff5733 обозначают один цвет. Конвертер использует прописные буквы, чтобы пары каналов было легче читать, но в CSS и HTML подходят оба варианта.

Почему прозрачность 50 процентов превращается в 80 в HEX?

Альфа-канал содержит 256 байтовых значений от 00 до FF. Половина от 255 равна 127,5, что округляется до 128. Десятичное число 128 записывается как 80 в шестнадцатеричной системе, поэтому при 50 процентах в конце добавляется пара 80.