Результат
У этой страницы вообще нет серверной части. Вставленная таблица разбирается кодом JavaScript внутри вашего же браузера, график рисуется на элементе canvas на вашей машине, файл экспорта собирается локально. Ничего не загружается, не хранится и не пишется ни в какие логи. После загрузки страницы можно отключить сеть — всё продолжит работать, и это самый простой способ проверить обещание самостоятельно.
Факты и границы применимости
| Короткая запись | #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.
Мои данные куда-то отправляются?
Нет, весь расчёт выполняется в вашем браузере.