Irodori彩り

HEX to RGB

HEX · RGB · HSL · OKLCH · Lab · CMYK

HEX to RGB

Каждый формат цвета описывает одно и то же на другом языке: HEX для стилей, RGB для экранов и кода, HSL для палитр, CMYK для печати. Выберите нужное преобразование и получите точное значение, живой просмотр и формулу.

Этот цвет во всех форматах

Один и тот же цвет в HEX, RGB, HSL и CMYK. Копируйте любое значение.

Перевод HEX в RGB

Любое преобразование сначала нормализует HEX в триплет sRGB (красный, зелёный, синий по шкале 0–255), а затем кодирует его как RGB. Обе записи описывают один и тот же пиксель, поэтому видимый цвет не меняется.

1

Прочитать вход

Разобрать значение HEX на каналы (пары шестнадцатеричных цифр, числа или проценты).

2

Нормализовать в sRGB

Привести каждый канал к 0–255, чтобы ошибки округления не накапливались.

3

Закодировать в RGB

Вывести результат в записи RGB и вставить его в таблицу стилей или дизайн-инструмент.

Формула

#FF5733
→ sRGB  rgb(255,87,51)
→ RGB  rgb(255,87,51)

Пример расчёта

#FF5733 = #FF5733 = rgb(255,87,51)

Каналы округляются до целых; для обратного перевода используйте тот же инструмент, чтобы избежать расхождений.

Таблица соответствия HEX → RGB

Распространённые значения, пересчитанные по той же формуле.

Вход (HEX)Результат (RGB)
#FF5733rgb(255,87,51)
#4F46E5rgb(79,70,229)
#2ECC71rgb(46,204,113)
#3498DBrgb(52,152,219)
#E74C3Crgb(231,76,60)
#19AE99rgb(25,174,153)
#9B59B6rgb(155,89,182)
#F39C12rgb(243,156,18)
#34495Ergb(52,73,94)
#E91F63rgb(233,31,99)
#000000rgb(0,0,0)
#FFFFFFrgb(255,255,255)

Все преобразования

Частые вопросы

Меняется ли цвет при переводе HEX в RGB?
Нет. Оба формата описывают один и тот же цвет sRGB, меняется только запись.
Почему значения RGB отличаются от другого конвертера?
Из-за округления. Другие инструменты округляют на другом шаге или используют иную белую точку; здесь действуют CSS Color 4 и D65.
Можно ли вставлять значение RGB в CSS?
Да. RGB — это нативный CSS или широко поддерживаемая запись, она работает в стилях, canvas и дизайн-инструментах.
Какой формат выбрать для печати?
Для печати — CMYK, для экрана — RGB/HEX. CMYK приблизителен, поэтому финальный макет переводите по профилю типографии.