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

Преобразуйте цвет HSV/HSB (тон 0–360°, насыщенность и значение/яркость 0–100%) в RGB и HEX-код с разбивкой по каналам и предпросмотром цвета в реальном времени.

Ввод

Тон (H)

Положение на цветовом круге в градусах (0–360).

Насыщенность (S)

Интенсивность цвета: от 0% (серый) до 100% (полный цвет).

Значение / Яркость (V)

Яркость: от 0% (чёрный) до 100% (самый яркий).

Вывод

RGB

HEX

Значения цвета

Свойство	Значение
No data yet

Предпросмотр

Ваш цвет появится здесь.

HTML-образец

Это было полезно?

Другие способы использовать этот инструмент

REST API

curl -X POST https://api.iotools.cloud/v1/tool/hsv-to-rgb-converter \
  -H "Authorization: Bearer YOUR_API_KEY" \
  -H "Content-Type: application/json" \
  -d '{
    "hue": "0",
    "saturation": "100",
    "value": "100"
  }'

Подставьте свой собственный ключ из аккаунта. Поля инструмента — это тело запроса, без обёртки.

Спросите у ИИ-агента

Use the IOTools `hsv-to-rgb-converter` tool (HSV to RGB Converter) on this input:

YOUR_INPUT_HERE

Вставьте это любому агенту, подключённому к MCP-серверу IOTools, и добавьте свой ввод.

Виджет для встраивания

<iframe
  src="https://iotools.cloud/embed/hsv-to-rgb-converter/"
  width="100%" height="520" frameborder="0" scrolling="no" loading="lazy"
  title="Конвертер HSV в RGB — iotools.cloud"
  sandbox="allow-scripts allow-forms allow-same-origin allow-downloads allow-popups allow-popups-to-escape-sandbox"
  allow="clipboard-write"
  style="width:100%;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden"></iframe>
<script src="https://iotools.cloud/embed.js" async></script>

Вставьте это на свою страницу — бесплатно, без ключа, нужна лишь обратная ссылка.

Стоимость вызова API/MCP	От 5 кредитов
Нужно больше кредитов?	Посмотреть тарифы

Также доступно через

Интеграции Расширение для браузера Расширение для VS Code

Руководства

Преобразуйте цвет HSV — тон (Hue), насыщенность (Saturation) и значение (Value), также называемое HSB, где B означает яркость (Brightness), — в коды RGB и HEX, которые используются в CSS, инструментах дизайна и коде. Передвиньте три ползунка, и строка RGB, HEX-код, разбивка по каналам и предпросмотр цвета обновятся мгновенно.

Что такое цветовое пространство HSV?

HSV описывает цвет так, как люди обычно о нём думают, а не как смесь красного, зелёного и синего света. Оно состоит из трёх компонентов:

Тон (Hue, H) — базовый цвет, задаваемый углом от 0 до 360 градусов на цветовом круге. 0° — красный, 120° — зелёный, 240° — синий, а при 360° снова красный.
Насыщенность (Saturation, S) — насколько цвет яркий и «чистый», от 0% (оттенок серого) до 100% (полный, интенсивный цвет).
Значение / Яркость (Value / Brightness, V) — насколько светлый цвет, от 0% (чёрный) до 100% (максимально яркий, какой допускают тон и насыщенность).

Поскольку тон, интенсивность и яркость разделены, HSV популярен в палитрах цветов и редакторах изображений: можно изменить одно свойство, например немного снизить насыщенность, не затрагивая остальные. RGB же — формат, который экраны и таблицы стилей понимают напрямую, поэтому перевод между ними — обычная повседневная задача.

Как пользоваться инструментом

Установите ползунок Тон (0–360°), чтобы выбрать базовый цвет.
Настройте Насыщенность (0–100%) для интенсивности.
Настройте Значение / Яркость (0–100%) для светлоты.

Результат обновляется автоматически. Вы получите:

строку rgb(r, g, b), которую можно вставить в CSS,
соответствующий HEX-код #RRGGBB,
таблицу со значением каждого канала и
предпросмотр цвета (с HTML, который можно скопировать).

Используйте кнопки копирования, чтобы взять любое значение.

Как работает преобразование

Инструмент использует стандартный алгоритм перевода HSV в RGB. Цветовой круг делится на шесть секторов по 60°; внутри каждого сектора два канала фиксированы, а один изменяется линейно, масштабируясь насыщенностью и значением. Результат округляется до целых значений каналов от 0 до 255. Несколько опорных точек подтверждают расчёт: H0/S100/V100 даёт чистый красный rgb(255, 0, 0), H120 — чистый зелёный, H240 — чистый синий, а S0/V50 — средний серый rgb(128, 128, 128).

Является ли HSV тем же, что HSB или HSL?

HSV и HSB — два названия одной и той же модели. HSL (Hue, Saturation, Lightness) — это другая модель: её ось светлоты ведёт себя иначе, чем значение в HSV, поэтому они не взаимозаменяемы.

Покидают ли мои данные о цвете устройство?

Нет. Преобразование полностью выполняется в вашем браузере — ничего из введённого не загружается и не сохраняется.

В каком формате HEX выводится результат?

Шестизначный HEX-код #RRGGBB в верхнем регистре, без альфа-канала (в HSV нет компонента прозрачности).

colorhsvhsbrgbhexconvertercss

Нравятся инструменты? Уберите рекламу.

Один платёж навсегда убирает всю рекламу с вашего аккаунта. Без подписки, без слежки.

Убрать рекламу