Как перевести RGB в HEX-код цвета

Введите значения красного, зелёного и синего каналов, чтобы получить строчную HEX-запись с # и двумя символами на канал. Пустые каналы получают значения по умолчанию, а недопустимое значение возвращает указание на ошибку вместо преобразованного цвета.

Что переводит RGB в HEX

Преобразование RGB в HEX нужно, когда цвет задан тремя числовыми каналами, а для макета, стиля или цветовой палитры требуется запись вида #RRGGBB. В RGB используются красный, зелёный и синий каналы. Для каждого из них можно указать целое значение в диапазоне от 0 до 255. На выходе получается шестнадцатеричная запись, где на один канал приходятся две цифры.

Этот инструмент подходит для быстрого перевода уже известных RGB-значений в текстовый HEX-код. Например, сочетание красного канала 255, зелёного 0 и синего 0 преобразуется в запись красного цвета. Если значение канала не указано, применяются предусмотренные значения по умолчанию: для красного это 255, для зелёного и синего 0. Поэтому пустые поля могут дать результат, соответствующий красному цвету, а не обозначать отсутствие цвета.

Перед отправкой проверьте, какой канал соответствует каждому числу. Перестановка значений меняет цвет: RGB(255, 0, 0) и RGB(0, 255, 0) описывают разные цвета. Если вам нужно сохранить исходную комбинацию для дальнейшей работы, запишите три значения отдельно, а затем сравните их с результатом.

Как получить HEX-код

1. Найдите три поля или элемента управления для каналов red, green и blue. Введите в них значения RGB. Для каждого канала используйте целое число от 0 до 255. Не меняйте порядок: сначала указывается красный канал, затем зелёный, затем синий.

2. Если один из каналов должен иметь предусмотренное значение, оставьте его без значения. Пустой красный канал трактуется как 255, а пустые зелёный и синий каналы как 0. Учитывайте это правило до запуска преобразования, особенно если вы ожидаете получить не красный цвет.

3. Запустите преобразование с помощью доступного элемента отправки. Сервис сначала приводит значения каналов к целому числу, а затем ограничивает каждое из них диапазоном от 0 до 255. Поэтому число ниже нижней границы будет приведено к 0, а число выше верхней границы к 255. Это полезно учитывать при переносе данных из другого источника: итог может отличаться от введённого числа, если оно вышло за допустимый диапазон.

4. Найдите основную шестнадцатеричную запись в результате. Она начинается с символа #, использует строчные шестнадцатеричные символы и содержит по две цифры для красного, зелёного и синего каналов. Сначала идут две цифры красного канала, после них две цифры зелёного, затем две цифры синего.

5. При необходимости сверяйте дополнительные представления результата. Помимо основной HEX-записи, ответ содержит HEX-вариант в верхнем регистре, RGB-текст с разделителями-запятыми и RGB-текст с разделителями-пробелами. Эти формы удобны для проверки порядка каналов и для копирования в разные поля, но основной результат остаётся строчной HEX-записью с #.

6. Если значение нельзя преобразовать в целое число из-за недопустимого содержимого или типа, не ищите HEX-код среди обычных данных цвета. В этой ситуации обработка возвращает успешный результат с указанием ошибки, а не преобразованный цвет. Исправьте проблемное значение и повторите отправку.

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

Проверяйте результат по структуре, а не только по внешнему виду текста. Основная запись должна начинаться с # и содержать шесть шестнадцатеричных цифр: первая пара относится к красному каналу, вторая к зелёному, третья к синему. Строчные буквы в этой записи нормальны. Например, значение канала 15 представляется двумя символами, а не одной цифрой, поэтому ведущий ноль имеет значение для длины записи.

Дополнительные строки помогают обнаружить ошибку в исходном порядке. Если RGB-текст результата возвращает исходные три канала в последовательности red, green, blue, его можно сопоставить с основной HEX-записью по парам символов. Верхний регистр в отдельной HEX-форме не означает другой цвет: это ещё одно текстовое представление того же преобразования.

Ограничение диапазона следует трактовать как нормализацию входа, а не как подтверждение того, что исходные данные были корректными. Значения меньше 0 или больше 255 могут быть приведены к ближайшей границе. Недопустимое значение другого типа имеет иной результат: вместо цвета появляется успешный ответ с ошибкой. Поэтому перед использованием результата отличайте преобразованный цвет от указания на проблему входных данных.

Если результат кажется неожиданным, сначала сопоставьте три введённых числа с каналами, затем проверьте пустые поля и значения за пределами диапазона. После этого посмотрите на дополнительные RGB-представления и только затем используйте HEX-код в своей задаче.

Практический пример

Для зелёного оттенка в палитре вы хотите проверить, как три заданных RGB-канала записываются в HEX.

Введите red = 15, green = 160 и blue = 0, затем запустите преобразование и сопоставьте три пары символов в HEX-записи с введёнными каналами.

В ответе появится основная строчная HEX-запись с # и шестью шестнадцатеричными цифрами, а также отдельные формы HEX в верхнем регистре и RGB-текст с запятыми и пробелами.

Ограничения

• Значение, которое нельзя преобразовать в целое число, не даёт цветовую HEX-запись: результат содержит указание на ошибку. Числа за пределами диапазона нормализуются к границам 0 или 255.

Частые ошибки

• Пустые поля принимают значения по умолчанию: красный канал 255, зелёный и синий 0. Если нужен другой цвет, укажите все три канала явно и проверьте их порядок перед отправкой.

Частые вопросы

Можно ли получить красный цвет из RGB?

Да, если указать красный канал как 255, а зелёный и синий как 0, результатом будет HEX-запись красного цвета. При пропуске полей сработают значения по умолчанию.

В каком регистре возвращается HEX-код?

В основной HEX-записи используются строчные шестнадцатеричные символы, символ # и две цифры для каждого канала. Отдельно ответ также содержит вариант HEX в верхнем регистре.

Что произойдёт при некорректном значении канала?

Если значение канала нельзя преобразовать в целое число из-за недопустимого значения или типа, возвращается успешный результат с указанием ошибки, а не преобразованный цвет. Исправьте это поле и повторите преобразование.