Irodori彩り

RGB to HEX

HEX · RGB · HSL · OKLCH · Lab · CMYK

RGB to HEX

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

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

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

Перевод RGB в HEX

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

1

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

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

2

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

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

3

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

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

Формула

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

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

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

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

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

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

Вход (RGB)Результат (HEX)
rgb(255,87,51)#FF5733
rgb(79,70,229)#4F46E5
rgb(46,204,113)#2ECC71
rgb(52,152,219)#3498DB
rgb(231,76,60)#E74C3C
rgb(25,174,153)#19AE99
rgb(155,89,182)#9B59B6
rgb(243,156,18)#F39C12
rgb(52,73,94)#34495E
rgb(233,31,99)#E91F63
rgb(0,0,0)#000000
rgb(255,255,255)#FFFFFF

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

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

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