Skip to main content
appkiro.com
Цвет

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

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

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

1. Введите HEX

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

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

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

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

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

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

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

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

Введите HEX из трёх или шести знаков, с # или без него. Альфа-формы этот модуль не разбирает.

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

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

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

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

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

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

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

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

    Введите HEX из трёх или шести знаков, с # или без него. Альфа-формы этот модуль не разбирает. В разделе «Как пользоваться: Введите исходный цвет» это уточнение относится именно к «Конвертер HEX в RGB».

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

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

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

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

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

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

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

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

Введите HEX из трёх или шести знаков, с # или без него. Альфа-формы этот модуль не разбирает. В разделе «Параметры и элементы управления: Допустимый ввод HEX» это уточнение относится именно к «Конвертер HEX в RGB».

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

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

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

Введите HEX из трёх или шести знаков, с # или без него. Альфа-формы этот модуль не разбирает. Затем модуль приводит источник к sRGB и форматирует целые каналы красного, зелёного и синего в sRGB. HEX — это запись каналов RGB, а не отдельный цветовой охват. Модуль предполагает каналы sRGB 0–255 и округляет нормализованные значения.

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

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

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

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

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

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

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

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

Введите HEX из трёх или шести знаков, с # или без него. Альфа-формы этот модуль не разбирает. В разделе «Решение проблем: Почему ввод HEX отклонён?» это уточнение относится именно к «Конвертер HEX в RGB».

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

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

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

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

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

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

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

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

Введите HEX из трёх или шести знаков, с # или без него. Альфа-формы этот модуль не разбирает. В разделе «Почему ввод HEX отклонён?» это уточнение относится именно к «Конвертер HEX в RGB».

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

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

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

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

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

Введите HEX из трёх или шести знаков, с # или без него. Альфа-формы этот модуль не разбирает. HEX — это запись каналов RGB, а не отдельный цветовой охват.

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

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

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

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

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

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

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