Конвертер HEX в RGB

Переводим HEX в RGB: впишите шестнадцатеричный код - получите каналы R, G, B, и наоборот. Конвертер цвета онлайн в обе стороны.

#000000
RGB-
HEX-
Скопировано!

Как конвертировать HEX в RGB

HEX и RGB: одно и то же число, разная запись

HEX - это шестнадцатеричная строка вида #2563eb, по два разряда на красный, зеленый и синий каналы. Именно ее удобно копировать в CSS и HTML, поэтому HEX стал стандартом верстки.

RGB раскладывает тот же цвет на три числа от 0 до 255. С отдельными каналами проще работать в коде: JavaScript, Canvas, обработка фотографий и генерация цвета на лету оперируют именно числами R, G, B.

Конвертер держит оба поля синхронными: правите HEX - меняются каналы, правите каналы - обновляется код. Понимает он и короткую запись из трех символов, например #f53: она разворачивается до полного шестизначного кода.

Как читаются разряды HEX

HEXRGBЦвет
#FF0000rgb(255, 0, 0)чистый красный
#2563EBrgb(37, 99, 235)синий
#808080rgb(128, 128, 128)серый 50%

Как перевести HEX в RGB

  1. Введите HEX-код

    Впишите шестнадцатеричный код в поле HEX, например #2563eb. Поля R, G, B заполнятся сразу.

  2. Или задайте каналы RGB

    Наберите числа от 0 до 255 в полях R, G и B - код HEX пересчитается в обратную сторону.

  3. Заберите результат

    Плашка сверху покажет цвет, а в блоках RGB и HEX будут готовые значения для CSS или графического редактора.

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

Впишите код в поле HEX - поля R, G, B заполнятся сами, а в результате появится rgb(255, 87, 51).

Да, трехзначный код разворачивается до шестизначного (#ff5533), результат в RGB тот же.

Нет, инструмент считает непрозрачный цвет: три канала RGB и код #RRGGBB. Прозрачность добавляют вручную в rgba() уже в CSS.