Как перевести цвет из RGB в HEX
Переводите цвета из RGB в HEX мгновенно. Введите значение HEX или RGB или используйте ползунки — все форматы обновляются одновременно, с предпросмотром, формулой и таблицей частых цветов.
- Введите или вставьте значение RGB, например rgb(59, 130, 246), в соответствующее поле выше.
- Значение HEX обновляется сразу: rgb(59, 130, 246) — это #3B82F6. Остальные форматы и предпросмотр цвета тоже обновляются.
- Скопируйте значение HEX в свой CSS, дизайн-программу или код.
Формула перевода RGB → HEX
Переведите каждый канал RGB (0–255) в двузначное шестнадцатеричное число и запишите их после # в порядке красный, зелёный, синий:
rgb(59, 130, 246) → #3B82F6
Частые цвета: RGB и HEX
| RGB | HEX |
|---|---|
rgb(0, 0, 0) | #000000 |
rgb(255, 255, 255) | #FFFFFF |
rgb(255, 0, 0) | #FF0000 |
rgb(0, 255, 0) | #00FF00 |
rgb(0, 0, 255) | #0000FF |
rgb(255, 255, 0) | #FFFF00 |
rgb(0, 255, 255) | #00FFFF |
rgb(255, 0, 255) | #FF00FF |
rgb(128, 128, 128) | #808080 |
rgb(255, 165, 0) | #FFA500 |
rgb(128, 0, 128) | #800080 |
rgb(59, 130, 246) | #3B82F6 |
Что такое RGB и HEX
RGB задаёт красный, зелёный и синий каналы числами от 0 до 255, например rgb(59, 130, 246). По этой модели экраны смешивают свет.
Цвет в HEX — это # и шесть шестнадцатеричных цифр: по две на красный, зелёный и синий, от 00 (нет) до FF (максимум). Это самый распространённый способ записи цветов в CSS и дизайн-программах.
Частые вопросы
Меняется ли цвет при переводе?
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. Конвертер работает с непрозрачным цветом; значение альфа одинаково во всех форматах.
Этот инструмент бесплатный?
Да, он бесплатный. Без регистрации и электронной почты. Результат на этой странице.
Как получить результат?
Используйте инструмент на этой странице. Результат появится здесь, без отправки по электронной почте.