Как конвертировать RGB в HSV
RGB и HSV: цвет глазами графического редактора
RGB задает цвет тремя каналами - красным, зеленым и синим. HSV описывает тот же цвет через оттенок, насыщенность и яркость (Value). Именно в таком виде цвет показывают палитры Photoshop, GIMP и Krita, поэтому перевод RGB в HSV нужен, когда значение из кода надо подставить в редактор.
Модель HSV легко спутать с HSL, но третья ось у них разная. В HSV при V=100% и полной насыщенности вы получаете самый яркий чистый цвет, а белый появляется только при S=0. В HSL же значение L=100% всегда белое, независимо от оттенка.
CSS работает с HEX, RGB и HSL, но не с HSV. Поэтому подобранный здесь цвет для стилей возвращают в HEX или RGB - они показаны на той же странице.
Оси HSV
| Ось | Диапазон | За что отвечает |
|---|---|---|
| H (Hue) | 0-360° | тон цвета, тот же угол, что и в HSL |
| S (Saturation) | 0-100% | насыщенность, доля чистого цвета |
| V (Value) | 0-100% | яркость, от черного к полному цвету |
Как перевести RGB в HSV
-
Задайте цвет в RGB
Впишите красный, зеленый и синий в поля R, G, B от 0 до 255 - оси H, S, V посчитаются сразу.
-
Или правьте оси HSV
Меняйте оттенок H, насыщенность S и яркость V (Value) - каналы RGB пересчитаются в обратную сторону.
-
Перенесите в редактор
Значение HSV удобно ввести в Photoshop или другой графический редактор. Для CSS используйте показанный рядом HEX или RGB.
Частые вопросы
Третий компонент HSV - яркость (Value). При V=100 и S=100 цвет максимально насыщенный, тогда как в HSL значение L=100 всегда дает белый. Отсюда разная логика подбора.
Модель встроена в палитры выбора цвета Photoshop, GIMP, Krita, а также в игровые движки и программы рисования.
Введите H, S и V в соответствующие поля - каналы R, G, B заполнятся сами. Перевод работает в обе стороны.