Как перевести HEX-код цвета в RGB и обратно

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 и HSL мгновенно и сразу показывает образец цвета — удобно проверить, что код скопирован правильно. Работает в обе стороны: введите HEX или значения RGB, остальное подставится само.