Skip to main content
appkiro.com
Цвет

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

Преобразуйте HSV из задач «палитры выбора, вращение тона и графические элементы управления» в целые каналы красного, зелёного и синего в sRGB для сценария «canvas, пиксельные данные, CSS и графические API».

Значения преобразуются локальными TypeScript-функциями на странице; отправка цвета на сервер не нужна.

1. Введите HSV

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

HSLHSV
9
72%
100%

Готовые цвета

2. Живой предпросмотр

rgb(255, 99, 71)

tomato

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

Оригинал

rgb(255, 99, 71)

Осветлить на 20%

rgb(255, 130, 108)

Затемнить на 20%

rgb(204, 79, 57)

Комплементарная

rgb(71, 227, 255)

Информация о цвете

Название цвета:tomatoЯркость:56%Относительная яркость:0.306Контраст с белым:2.95 : 1Контраст с чёрным:7.13 : 1

Визуальное сравнение

Aa

С белым текстом

Aa

С чёрным текстом

3. Результаты

rgb(255, 99, 71)

Другие форматы

HEX#FF6347
RGBrgb(255, 99, 71)
RGBArgba(255, 99, 71, 1)
HSLhsl(9, 100%, 64%)
HSLAhsla(9, 100%, 64%, 1)
HSVhsv(9, 72%, 100%)
CMYKcmyk(0%, 61%, 72%, 0%)
Названиеtomato

Цветовая палитра

Знаете ли вы?

В браузере с EyeDropper API можно выбрать цвет прямо с экрана.

Краткий ответ

Преобразуйте HSV из задач «палитры выбора, вращение тона и графические элементы управления» в целые каналы красного, зелёного и синего в sRGB для сценария «canvas, пиксельные данные, CSS и графические API». Нормализация каналов и округление могут изменить значение после цикла HSV → RGB → HSV.

Что делает инструмент

Преобразуйте HSV из задач «палитры выбора, вращение тона и графические элементы управления» в целые каналы красного, зелёного и синего в sRGB для сценария «canvas, пиксельные данные, CSS и графические API». Выбирайте этот маршрут, когда исходник уже в HSV, а следующей системе нужен именно RGB; для нескольких форматов используйте общий конвертер.

Проверенные возможности

Допустимый ввод HSV

Введите тон в градусах, насыщенность и значение — в процентах. Тон нормализуется по цветовому кругу.

Как читать результат RGB

целые каналы красного, зелёного и синего в sRGB

Проверьте границы точности

Нормализация каналов и округление могут изменить значение после цикла HSV → RGB → HSV. Перед повторным использованием сравните результат с требованиями целевой системы.

Когда использовать

  • Выбирайте этот маршрут, когда исходник уже в HSV, а следующей системе нужен именно RGB; для нескольких форматов используйте общий конвертер.
  • Преобразуйте HSV из задач «палитры выбора, вращение тона и графические элементы управления» в целые каналы красного, зелёного и синего в sRGB для сценария «canvas, пиксельные данные, CSS и графические API».
  • HSV → RGB: canvas, пиксельные данные, CSS и графические API.

Как пользоваться

  1. Введите исходный цвет

    Введите тон в градусах, насыщенность и значение — в процентах. Тон нормализуется по цветовому кругу. В разделе «Как пользоваться: Введите исходный цвет» это уточнение относится именно к «Конвертер HSV в RGB».

  2. Проверьте нормализованный цвет

    Используйте ползунки, поле, образцы или системную пипетку. Предпросмотр показывает нормализацию до формата RGB.

  3. Скопируйте результат

    Скопируйте строку RGB. Остальные форматы доступны для сверки, но назначение страницы — HSV → RGB.

  4. Проверьте границы точности

    Нормализация каналов и округление могут изменить значение после цикла HSV → RGB → HSV. Перед повторным использованием сравните результат с требованиями целевой системы. Перед копированием RGB проверьте предпросмотр, чтобы заметить ошибку разбора.

Параметры и элементы управления

Допустимый ввод HSV

Введите тон в градусах, насыщенность и значение — в процентах. Тон нормализуется по цветовому кругу. В разделе «Параметры и элементы управления: Допустимый ввод HSV» это уточнение относится именно к «Конвертер HSV в RGB».

Как читать результат RGB

целые каналы красного, зелёного и синего в sRGB. Модуль предполагает каналы sRGB 0–255 и округляет нормализованные значения.

Как формируется результат

Введите тон в градусах, насыщенность и значение — в процентах. Тон нормализуется по цветовому кругу. Затем модуль приводит источник к sRGB и форматирует целые каналы красного, зелёного и синего в sRGB. Value в HSV — максимальный канал RGB, а не воспринимаемая светлота; HSV не является отдельным синтаксисом CSS. Модуль предполагает каналы sRGB 0–255 и округляет нормализованные значения.

Точность и ограничения

  • Нормализация каналов и округление могут изменить значение после цикла HSV → RGB → HSV.
  • Value в HSV — максимальный канал RGB, а не воспринимаемая светлота; HSV не является отдельным синтаксисом CSS.
  • Модуль предполагает каналы sRGB 0–255 и округляет нормализованные значения.

Обработка и конфиденциальность

Значения преобразуются локальными TypeScript-функциями на странице; отправка цвета на сервер не нужна.

Практические советы

  • Сохраняйте исходное значение HSV, чтобы сравнить его с округлённым RGB.
  • Перед копированием RGB проверьте предпросмотр, чтобы заметить ошибку разбора.

Решение проблем

Почему ввод HSV отклонён?

Введите тон в градусах, насыщенность и значение — в процентах. Тон нормализуется по цветовому кругу. В разделе «Решение проблем: Почему ввод HSV отклонён?» это уточнение относится именно к «Конвертер HSV в RGB».

Почему после HSV → RGB → HSV значение меняется?

Нормализация каналов и округление могут изменить значение после цикла HSV → RGB → HSV. В разделе «Решение проблем: Почему после HSV → RGB → HSV значение меняется?» это уточнение относится именно к «Конвертер HSV в RGB».

Проверьте границы точности

Нормализация каналов и округление могут изменить значение после цикла HSV → RGB → HSV. Сбросьте инструмент и повторите с заведомо поддерживаемым значением, прежде чем считать это ошибкой алгоритма.

Вопросы об инструменте

Когда нужен отдельный конвертер HSV в RGB?

Выбирайте этот маршрут, когда исходник уже в HSV, а следующей системе нужен именно RGB; для нескольких форматов используйте общий конвертер. В разделе «Когда нужен отдельный конвертер HSV в RGB?» это уточнение относится именно к «Конвертер HSV в RGB».

Почему ввод HSV отклонён?

Введите тон в градусах, насыщенность и значение — в процентах. Тон нормализуется по цветовому кругу. В разделе «Почему ввод HSV отклонён?» это уточнение относится именно к «Конвертер HSV в RGB».

Почему после HSV → RGB → HSV значение меняется?

Нормализация каналов и округление могут изменить значение после цикла HSV → RGB → HSV. В разделе «Почему после HSV → RGB → HSV значение меняется?» это уточнение относится именно к «Конвертер HSV в RGB».

В каком синтаксисе выводится RGB?

целые каналы красного, зелёного и синего в sRGB. canvas, пиксельные данные, CSS и графические API. Модуль предполагает каналы sRGB 0–255 и округляет нормализованные значения.

Как нормализуется HSV перед преобразованием?

Введите тон в градусах, насыщенность и значение — в процентах. Тон нормализуется по цветовому кругу. Value в HSV — максимальный канал RGB, а не воспринимаемая светлота; HSV не является отдельным синтаксисом CSS.

Отправляется ли значение HSV на сервер?

Значения преобразуются локальными TypeScript-функциями на странице; отправка цвета на сервер не нужна. Сохраняйте исходное значение HSV, чтобы сравнить его с округлённым RGB.

Продолжить работу с цветом

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

Перейти к связанному инструменту

Откройте первый связанный инструмент, если работа продолжается после преобразования HSV → RGB.

Конвертер цветов HEX, RGB, HSL, LAB и OKLCH