Skip to main content
appkiro.com
Цвет

Конвертер HSV в имя цвета CSS (Colortone)

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

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

1. Введите HSV

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

RGBHSLHSV
9
72%
100%

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

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

tomato

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. Результаты

tomato

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

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 из задач «палитры выбора, вращение тона и графические элементы управления» в точное имя CSS или ближайшее имя из встроенного списка для сценария «читаемые CSS-ключевые слова и понятные подписи образцов». Нормализация каналов и округление могут изменить значение после цикла HSV → COLORTONE → HSV.

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

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

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

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

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

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

точное имя CSS или ближайшее имя из встроенного списка

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

точное имя CSS или ближайшее имя из встроенного списка. Colortone — название AppKiro для поиска CSS-имён, а не стандартное цветовое пространство. Прямой подбор использует евклидово расстояние RGB.

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

Введите тон в градусах, насыщенность и значение — в процентах. Тон нормализуется по цветовому кругу. Затем модуль приводит источник к sRGB и форматирует точное имя CSS или ближайшее имя из встроенного списка. Value в HSV — максимальный канал RGB, а не воспринимаемая светлота; HSV не является отдельным синтаксисом CSS. Colortone — название AppKiro для поиска CSS-имён, а не стандартное цветовое пространство. Прямой подбор использует евклидово расстояние RGB.

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

  • Нормализация каналов и округление могут изменить значение после цикла HSV → COLORTONE → HSV.
  • Value в HSV — максимальный канал RGB, а не воспринимаемая светлота; HSV не является отдельным синтаксисом CSS.
  • Colortone — название AppKiro для поиска CSS-имён, а не стандартное цветовое пространство. Прямой подбор использует евклидово расстояние RGB.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Как выбирается ближайшее имя цвета CSS?

Colortone — название AppKiro для поиска CSS-имён, а не стандартное цветовое пространство. Прямой подбор использует евклидово расстояние RGB. В разделе «Как выбирается ближайшее имя цвета CSS?» это уточнение относится именно к «Конвертер HSV в имя цвета CSS (Colortone)».

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

точное имя CSS или ближайшее имя из встроенного списка. читаемые CSS-ключевые слова и понятные подписи образцов. Colortone — название AppKiro для поиска CSS-имён, а не стандартное цветовое пространство. Прямой подбор использует евклидово расстояние RGB.

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

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

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

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

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

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

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