HEX и RGB — два способа записать один и тот же цвет: HEX используют в CSS и графических редакторах, RGB — там, где нужны отдельные числовые значения каналов (программы, некоторые API, печать). Разберёмся, как устроена запись и как переводить одно в другое.
Как устроен HEX-код
HEX-код — это шесть шестнадцатеричных цифр после решётки: #RRGGBB. Каждая пара отвечает за один канал: R (red, красный), G (green, зелёный), B (blue, синий). Каждый канал — число от 00 до FF (0–255 в десятичной системе).
Например, #FF5733: FF (255) — красный, 57 (87) — зелёный, 33 (51) — синий. Это яркий оранжево-красный цвет.
Формула перевода HEX → RGB
Каждая пара шестнадцатеричных цифр переводится в десятичное число от 0 до 255:
R = первая пара HEX → десятичное число
G = вторая пара HEX → десятичное число
B = третья пара HEX → десятичное число
#00FF00 (чистый зелёный) → R=0, G=255, B=0, то есть rgb(0, 255, 0).
Обратно: RGB → HEX
Каждое число от 0 до 255 переводится в двузначное шестнадцатеричное представление, и три пары склеиваются после решётки. rgb(255, 87, 51) → #FF5733.
Частые значения
| Цвет | HEX | RGB |
|---|---|---|
| Белый | #FFFFFF | rgb(255, 255, 255) |
| Чёрный | #000000 | rgb(0, 0, 0) |
| Красный | #FF0000 | rgb(255, 0, 0) |
| Зелёный | #00FF00 | rgb(0, 255, 0) |
| Синий | #0000FF | rgb(0, 0, 255) |
| Серый | #808080 | rgb(128, 128, 128) |
Как перевести онлайн
Считать шестнадцатеричные пары вручную неудобно и легко ошибиться. Конвертер цвета переводит между HEX, RGB и HSL мгновенно и сразу показывает образец цвета — удобно проверить, что код скопирован правильно. Работает в обе стороны: введите HEX или значения RGB, остальное подставится само.