Как перевести цвет из HEX в RGB

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

Назначение преобразования

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

В поле можно указать три или шесть шестнадцатеричных символов. Начальный символ # необязателен, поэтому записи #0f0 и 0f0 относятся к поддерживаемому виду ввода. Если значение не указано, используется #ff0000, что позволяет открыть инструмент и сразу увидеть структуру результата.

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

Порядок работы

1. Подготовьте исходную запись. Оставьте в ней три или шесть шестнадцатеричных символов, например #0f0 или 3366cc. Решётку в начале можно сохранить, но добавлять её вручную при отсутствии не требуется.

2. Вставьте значение в поле ввода и проверьте, что вместе с ним не попали пробелы, подписи или другие символы. Для короткого варианта каждая цифра будет развёрнута в пару перед расчётом, поэтому отдельное преобразование вручную не нужно.

3. Запустите действие преобразования предусмотренным элементом управления. Пустое поле обрабатывается с установленным значением #ff0000; собственный цвет в таком случае вводить не требуется.

4. Откройте результат и найдите числовые значения red, green и blue. Затем выберите нужную форму: заглавную HEX-запись, вариант RGB с запятыми, вариант RGB с пробелами либо процентные значения каналов.

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

Проверка полученного цвета

Числа red, green и blue показывают цвет по отдельным каналам RGB. Их можно использовать там, где требуется числовая запись, тогда как строковые варианты удобны для копирования в разные поля или для визуального сопоставления с исходным HEX. Верхний регистр в отдельном представлении меняет вид записи, а не описываемый цвет.

Если введено три символа, результат следует понимать как результат расширенной шестизначной записи. Например, #0f0 сначала превращается в развернутый шестизначный вариант, после чего для него формируются каналы и доступные представления. В итоговых данных не появляется особая категория для короткой записи.

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

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

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

Вставьте #0f0, запустите преобразование и проверьте перечисленные поля результата, не подменяя их неподтверждёнными форматами или значениями каналов. Короткая запись будет обработана через расширенный шестизначный вариант и представлена в общей структуре результата с доступными форматами.

После успешной обработки результат содержит числовые red, green и blue, заглавную HEX-запись, RGB с запятыми, RGB с пробелами и процентные значения каналов, без отдельного типа для короткой записи.

Ограничения

• Поддерживаемый ввод ограничен тремя или шестью HEX-символами с необязательным #; другая длина и неподдерживаемые знаки приводят к неуспешному результату.

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

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

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

Можно ли вводить HEX без символа #?

Условие для такого ввода одно: после необязательного # должны остаться три или шесть шестнадцатеричных символов. Префикс без решётки добавляется перед преобразованием, поэтому запись вроде 3366cc можно передать без предварительного редактирования.

Поддерживается ли короткая трёхзначная HEX-запись?

Да, короткий вариант поддерживается. Каждая из трёх цифр разворачивается в пару символов, а затем полученная шестизначная запись используется для расчёта каналов RGB и остальных форматов результата, предусмотренных для корректного значения.

Что произойдёт при неправильном HEX-значении?

При неправильной длине или посторонних знаках преобразование завершается неуспешно, поэтому числовые каналы не следует интерпретировать. Исправьте исходную строку до трёх или шести HEX-символов и повторите действие.