Как перевести RGB в hex
- Задайте значения красного, зелёного и синего (0–255) ползунками или в числовых полях либо вставьте значение CSS
rgb(). - Hex-код появляется мгновенно, вместе с HSL, HSV и CMYK. Установите альфа-канал меньше 1, чтобы получить 8-значный hex-код с прозрачностью.
- Скопируйте hex-код или посмотрите по формуле, как было переведено каждое значение.
Формула перевода RGB в hex
Каждый канал RGB со значением от 0 до 255 превращается ровно в две hex-цифры. Разделите значение на 16: целая часть результата — первая цифра, остаток — вторая, причём 10–15 записываются как A–F. Пример для rgb(124, 58, 237):
- Красный: 124 ÷ 16 = 7, остаток 12 →
7C - Зелёный: 58 ÷ 16 = 3, остаток 10 →
3A - Синий: 237 ÷ 16 = 14, остаток 13 →
ED
Если записать пары подряд после #, получится #7C3AED. Всегда пишите по две цифры на канал: 9 превращается в 09, а не в 9.
Перевод RGB в hex в коде
- JavaScript:
'#' + [r, g, b].map((v) => v.toString(16).padStart(2, '0')).join('') - Python:
'#{:02X}{:02X}{:02X}'.format(r, g, b) - Excel и Google Таблицы:
="#"&DEC2HEX(R,2)&DEC2HEX(G,2)&DEC2HEX(B,2)(в русской версии Excel функция называется ДЕС.В.ШЕСТН) - CSS: ничего переводить не нужно —
rgb()и hex-коды взаимозаменяемы.
Добавление прозрачности (альфа-канал)
Для 8-значного кода умножьте непрозрачность (0–1) на 255, округлите и допишите результат ещё двумя hex-цифрами: 0.5 × 255 = 127.5 → 128 → 80, поэтому rgba(124, 58, 237, 0.5) = #7C3AED80.
| Непрозрачность | Hex | Непрозрачность | Hex |
|---|---|---|---|
| 100% | FF | 50% | 80 |
| 90% | E6 | 40% | 66 |
| 80% | CC | 30% | 4D |
| 75% | BF | 25% | 40 |
| 70% | B3 | 20% | 33 |
| 60% | 99 | 10% | 1A |
Часто задаваемые вопросы
По какой формуле переводить RGB в hex?
Для каждого канала первая hex-цифра — это целая часть от деления значения на 16, а вторая — остаток; 10–15 записываются как A–F. Запишите три пары подряд после #: rgb(255, 165, 0) → FF, A5, 00 → #FFA500.
Почему у каждого канала должно быть две hex-цифры?
Hex-цвет читается фиксированными парами. rgb(0, 128, 9) нужно записать как #008009; если отбросить ведущие нули, пары сместятся и получится другой или недопустимый цвет.
Может ли hex-код цвета хранить прозрачность?
Да. Современные браузеры понимают 8-значные коды #RRGGBBAA, где последняя пара — значение альфа-канала от 00 (полностью прозрачный) до FF (непрозрачный). rgba(124, 58, 237, 0.5) превращается в #7C3AED80.
Точен ли перевод RGB в hex?
Да, для целых значений RGB: у каждого числа от 0 до 255 ровно одна двузначная hex-форма, поэтому обратный перевод даёт те же значения. Округляется только альфа-канал — до ближайшей из 256 ступеней.