Как перевести цвет из HEX в RGB
Переводите цвета из HEX в RGB мгновенно. Введите значение HEX или RGB или используйте ползунки — все форматы обновляются одновременно, с предпросмотром, формулой и таблицей частых цветов.
- Введите или вставьте значение HEX, например #3B82F6, в соответствующее поле выше.
- Значение RGB обновляется сразу: #3B82F6 — это rgb(59, 130, 246). Остальные форматы и предпросмотр цвета тоже обновляются.
- Скопируйте значение RGB в свой CSS, дизайн-программу или код.
Формула перевода HEX → RGB
Цвет в HEX — это три пары шестнадцатеричных цифр: красный, зелёный и синий. Переведите каждую пару из основания 16 в основание 10 — получите каналы RGB:
#3B82F6 → rgb(59, 130, 246)
Частые цвета: HEX и RGB
| HEX | RGB |
|---|---|
#000000 | rgb(0, 0, 0) |
#FFFFFF | rgb(255, 255, 255) |
#FF0000 | rgb(255, 0, 0) |
#00FF00 | rgb(0, 255, 0) |
#0000FF | rgb(0, 0, 255) |
#FFFF00 | rgb(255, 255, 0) |
#00FFFF | rgb(0, 255, 255) |
#FF00FF | rgb(255, 0, 255) |
#808080 | rgb(128, 128, 128) |
#FFA500 | rgb(255, 165, 0) |
#800080 | rgb(128, 0, 128) |
#3B82F6 | rgb(59, 130, 246) |
Что такое HEX и RGB
Цвет в HEX — это # и шесть шестнадцатеричных цифр: по две на красный, зелёный и синий, от 00 (нет) до FF (максимум). Это самый распространённый способ записи цветов в CSS и дизайн-программах.
RGB задаёт красный, зелёный и синий каналы числами от 0 до 255, например rgb(59, 130, 246). По этой модели экраны смешивают свет.
Частые вопросы
Меняется ли цвет при переводе?
HEX, RGB и HSL описывают одни и те же экранные цвета, поэтому перевод между ними точный (HSL округляется до целых). CMYK — для печати: результат зависит от цветового профиля принтера, так что значения CMYK с экрана — лишь отправная точка.
Можно ли использовать результат в CSS?
Да. CSS напрямую принимает hex (#3B82F6), rgb(59, 130, 246) и hsl(217, 91%, 60%). CMYK — не формат CSS; его используют в печати и дизайн-программах.
А как же прозрачность?
Добавьте альфа-канал: 8-значный hex (#3B82F680) или rgba()/hsla() в CSS. Конвертер работает с непрозрачным цветом; значение альфа одинаково во всех форматах.
Этот инструмент бесплатный?
Да, он бесплатный. Без регистрации и электронной почты. Результат на этой странице.
Как получить результат?
Используйте инструмент на этой странице. Результат появится здесь, без отправки по электронной почте.