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