Результат
Все вычисления выполняются локально в браузере: разбор, график, экспорт. Если отключите сеть, страница продолжит работать.
Факты и границы применимости
| Короткая запись | #RGB — каждый символ дублируется (#3af → #33aaff) |
|---|---|
| Полная запись | #RRGGBB — шесть шестнадцатеричных цифр |
| Диапазон R/G/B | От 0 до 255 для каждого канала |
| Решётка в начале | Необязательна — «3B82F6» распознаётся так же, как «#3B82F6» |
Когда этот метод вводит в заблуждение
- Формат HEXA с альфа-каналом (8 знаков, #RRGGBBAA) не распознаётся этим конвертером — он рассчитан только на непрозрачные цвета; для цвета с прозрачностью используйте конвертер HEX в RGBA.
- Регистр букв (a-f или A-F) не имеет значения — оба варианта дают одинаковый результат.
- Некорректный ввод (не 3 и не 6 шестнадцатеричных знаков, посторонние символы) даёт прочерк во всех полях результата и прозрачный образец — конвертер не пытается угадать, что имелось в виду.
- Само по себе значение RGB не содержит информации о цветовом профиле (sRGB, Display P3 и так далее) — конвертер работает с числами как есть, не выполняя цветовую коррекцию под конкретный монитор.
Как это считается
HEX-код проверяется на соответствие короткой (3 знака) или полной (6 знаков) записи, необязательная решётка в начале отбрасывается.
Короткая запись разворачивается в полную дублированием каждого символа: «3af» становится «33aaff».
Каждая пара шестнадцатеричных цифр переводится в десятичное число от 0 до 255 — это и есть значения red, green и blue соответственно.
Образец цвета заливается напрямую тем же HEX-кодом через CSS, поэтому визуально совпадает с тем, что получится при использовании этого цвета в вёрстке.
Вопросы и ответы
Нужна ли решётка перед HEX-кодом?
Нет, конвертер распознаёт код и с решёткой, и без неё — «3B82F6» и «#3B82F6» дают одинаковый результат.
Работает ли короткая запись из трёх символов?
Да, «#3af» автоматически разворачивается в полную запись «#33aaff» перед расчётом.
А как быть с прозрачностью (альфа-каналом)?
Этот конвертер работает только с непрозрачными цветами. Для HEX с альфа-каналом используйте отдельный конвертер HEX в RGBA.
Мои данные куда-то отправляются?
Нет, весь расчёт выполняется в вашем браузере.