Блог
Конвертеры единиц

Конвертер HSV в RGB

Введите тон (0–360°), насыщенность и яркость (0–100%) — конвертер вычислит соответствующий цвет RGB, его HEX-код и покажет образец.

Результат

Красный (R)
Зелёный (G)
Синий (B)
HEX-код
Строка RGB

У этой страницы вообще нет серверной части. Вставленная таблица разбирается кодом JavaScript внутри вашего же браузера, график рисуется на элементе canvas на вашей машине, файл экспорта собирается локально. Ничего не загружается, не хранится и не пишется ни в какие логи. После загрузки страницы можно отключить сеть — всё продолжит работать, и это самый простой способ проверить обещание самостоятельно.

Факты и границы применимости

Диапазон тона От 0° до 360° (значения вне диапазона приводятся по модулю)
Диапазон насыщенности и яркости От 0% до 100%
Диапазон выхода R, G, B от 0 до 255
Промежуточные переменные C (цветность), X (второй по величине компонент), m (сдвиг яркости)

Когда этот метод вводит в заблуждение

Как это считается

Насыщенность и яркость переводятся в доли от 0 до 1 делением на 100.

Вычисляется цветность C = V × S и промежуточная величина X = C × (1 − |((H / 60) mod 2) − 1|), а также сдвиг m = V − C.

В зависимости от того, в каком из шести секторов (по 60°) находится тон H, значения (R', G', B') выбираются из C, X и 0 по стандартной таблице модели HSV.

К каждому из R', G', B' прибавляется сдвиг m, результат умножается на 255 и округляется до целого — так получаются итоговые R, G, B.

Вопросы и ответы

Что произойдёт, если ввести тон больше 360° или отрицательный?

Конвертер автоматически приводит тон к диапазону от 0° до 360° по модулю, так что результат всегда корректен.

Почему при S=0% результат серый независимо от тона?

При нулевой насыщенности цвет становится ахроматическим (оттенком серого), а тон в этом случае не имеет визуального эффекта.

Можно ли получить чистый белый или чёрный цвет?

Да: V=100% и S=0% дают белый, а V=0% (независимо от S и H) — чёрный.

Мои данные куда-то отправляются?

Нет, весь расчёт выполняется в вашем браузере.

Похожие утилиты

Все утилиты