Skip to main content
appkiro.com
Цвет

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

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

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

1. Введите Название цвета

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

HSLHSV

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

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

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

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

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

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

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

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

Выберите именованный CSS-цвет из встроенного списка; после нормализации регистр не учитывается.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Выберите именованный CSS-цвет из встроенного списка; после нормализации регистр не учитывается. В разделе «Параметры и элементы управления: Допустимый ввод COLORTONE» это уточнение относится именно к «Конвертер имя цвета CSS (Colortone) в RGB».

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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