Как конвертировать HEX в RGB
HEX и RGB: одно и то же число, разная запись
HEX - это шестнадцатеричная строка вида #2563eb, по два разряда на красный, зеленый и синий каналы. Именно ее удобно копировать в CSS и HTML, поэтому HEX стал стандартом верстки.
RGB раскладывает тот же цвет на три числа от 0 до 255. С отдельными каналами проще работать в коде: JavaScript, Canvas, обработка фотографий и генерация цвета на лету оперируют именно числами R, G, B.
Конвертер держит оба поля синхронными: правите HEX - меняются каналы, правите каналы - обновляется код. Понимает он и короткую запись из трех символов, например #f53: она разворачивается до полного шестизначного кода.
Как читаются разряды HEX
| HEX | RGB | Цвет |
|---|---|---|
| #FF0000 | rgb(255, 0, 0) | чистый красный |
| #2563EB | rgb(37, 99, 235) | синий |
| #808080 | rgb(128, 128, 128) | серый 50% |
Как перевести HEX в RGB
-
Введите HEX-код
Впишите шестнадцатеричный код в поле HEX, например #2563eb. Поля R, G, B заполнятся сразу.
-
Или задайте каналы RGB
Наберите числа от 0 до 255 в полях R, G и B - код HEX пересчитается в обратную сторону.
-
Заберите результат
Плашка сверху покажет цвет, а в блоках RGB и HEX будут готовые значения для CSS или графического редактора.
Частые вопросы
Впишите код в поле HEX - поля R, G, B заполнятся сами, а в результате появится rgb(255, 87, 51).
Да, трехзначный код разворачивается до шестизначного (#ff5533), результат в RGB тот же.
Нет, инструмент считает непрозрачный цвет: три канала RGB и код #RRGGBB. Прозрачность добавляют вручную в rgba() уже в CSS.