Результат
У этой страницы вообще нет серверной части. Вставленная таблица разбирается кодом JavaScript внутри вашего же браузера, график рисуется на элементе canvas на вашей машине, файл экспорта собирается локально. Ничего не загружается, не хранится и не пишется ни в какие логи. После загрузки страницы можно отключить сеть — всё продолжит работать, и это самый простой способ проверить обещание самостоятельно.
Факты и границы применимости
| Поддерживаемые форматы | 3-значный (#RGB) и 6-значный (#RRGGBB) HEX |
|---|---|
| Промежуточный шаг | HEX сначала переводится в RGB, затем в HSV |
| Диапазон тона | От 0° до 360° |
| Диапазон насыщенности и яркости | От 0% до 100% |
Когда этот метод вводит в заблуждение
- HSV — не единственная цилиндрическая модель: не путайте её с похожей, но иной моделью HSL (тон задаётся одинаково, но насыщенность и яркость считаются по-разному).
- При очень тёмных цветах (яркость близка к 0%) тон и насыщенность становятся малозначимыми — визуально разные значения тона могут выглядеть как один и тот же почти чёрный цвет.
- При нулевой насыщенности (оттенки серого, включая чёрный и белый) тон математически не определён — конвертер в этом случае показывает 0°.
- Результат — это просто другая система координат для того же цвета, а не другое цветовое пространство.
Как это считается
HEX-код разбирается на три канала: красный, зелёный и синий, каждый в диапазоне от 0 до 255 (короткая запись из 3 знаков сначала разворачивается в 6-значную).
Значения R, G, B нормализуются делением на 255, чтобы получить числа от 0 до 1.
Яркость (V) — это максимум из нормализованных R, G, B; насыщенность (S) — отношение разницы максимума и минимума к максимуму.
Тон (H) вычисляется по тому, какой из каналов оказался максимальным, с помощью кусочной формулы, дающей значение от 0° до 360°.
Вопросы и ответы
Чем HSV отличается от HSL?
В обеих моделях тон задаётся одинаково, но насыщенность и яркость/светлота вычисляются по разным формулам, поэтому одинаковые проценты в HSL и HSV дают разные цвета.
Можно ли вводить HEX без символа #?
Да, символ # необязателен — конвертер понимает код и с ним, и без него.
Подходит короткая запись HEX из 3 знаков?
Да, конвертер автоматически разворачивает её в полную 6-значную запись перед расчётом.
Мои данные куда-то отправляются?
Нет, весь расчёт выполняется в вашем браузере.