К содержимому
HEX в RGB: как перевести цвет и как это работает
Beget - надёжный хостинг и VPS

HEX в RGB: как перевести цвет и как это работает

Перевод HEX-кода цвета в RGB на примере, ручной расчёт и короткая запись цвета.

Открыть инструмент

Конвертер переводит шестнадцатеричный код цвета (как в CSS) в три компоненты R, G и B от 0 до 255. Результат появляется сразу при вводе.

Открыть инструмент

Пример

Введите #1E90FF (цвет DodgerBlue). Поля заполнятся значениями R = 30, G = 144, B = 255. В CSS это rgb(30, 144, 255).

Как считается вручную

Код делится на три пары: 1E, 90, FF. Каждая пара — число в шестнадцатеричной системе:

  • 1E = 1 × 16 + 14 = 30;
  • 90 = 9 × 16 + 0 = 144;
  • FF = 15 × 16 + 15 = 255.

Короткая запись #09F означает #0099FF: каждая цифра удваивается.

Зачем нужен RGB

RGB-запись нужна, когда цвету требуется прозрачность (rgba(30, 144, 255, 0.5)), а также для графических редакторов и API, где цвет задаётся числами. Обратный перевод выполняет RGB в HEX.

Beget - надёжный хостинг и VPS

Контакты

Чего-то не хватает?

Напишите нам: предложите новый инструмент или оставьте отзыв через форму обратной связи.

Контакты