Skip to main content
appkiro.com
Цвет

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

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

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

1. Введите RGB

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

RGBHSLHSV
255
99
71

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

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 можно выбрать цвет прямо с экрана.

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

Преобразуйте RGB из задач «canvas, пиксельные данные, CSS и графические API» в точное имя CSS или ближайшее имя из встроенного списка для сценария «читаемые CSS-ключевые слова и понятные подписи образцов». Нормализация каналов и округление могут изменить значение после цикла RGB → COLORTONE → RGB.

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

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

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

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

Введите красный, зелёный и синий в диапазоне 0–255; проценты тоже поддерживаются и приводятся к целым каналам.

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

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

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

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

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

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

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

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

    Введите красный, зелёный и синий в диапазоне 0–255; проценты тоже поддерживаются и приводятся к целым каналам. В разделе «Как пользоваться: Введите исходный цвет» это уточнение относится именно к «Конвертер RGB в имя цвета CSS (Colortone)».

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

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

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

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

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

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

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

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

Введите красный, зелёный и синий в диапазоне 0–255; проценты тоже поддерживаются и приводятся к целым каналам. В разделе «Параметры и элементы управления: Допустимый ввод RGB» это уточнение относится именно к «Конвертер RGB в имя цвета CSS (Colortone)».

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

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

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

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

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

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

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

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

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

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

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

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

Введите красный, зелёный и синий в диапазоне 0–255; проценты тоже поддерживаются и приводятся к целым каналам. В разделе «Решение проблем: Почему ввод RGB отклонён?» это уточнение относится именно к «Конвертер RGB в имя цвета CSS (Colortone)».

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

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

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

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

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

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

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

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

Введите красный, зелёный и синий в диапазоне 0–255; проценты тоже поддерживаются и приводятся к целым каналам. В разделе «Почему ввод RGB отклонён?» это уточнение относится именно к «Конвертер RGB в имя цвета CSS (Colortone)».

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

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

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

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

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

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

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

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

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

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

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

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

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