Инструменты для работы с цветом
Конвертер HEX в RGB и HSL
Преобразуйте HEX-код цвета в значения RGB и HSL.
Запустить инструмент
Введите HEX-код цвета, чтобы получить значения в форматах RGB и HSL. Символ # можно указать или пропустить: перед разбором запись нормализуется автоматически. Поддерживается короткая трехсимвольная форма, в которой каждый символ удваивается. Например, значение 0f0 расширяется до #00ff00, а затем преобразуется в нужные цветовые представления. Если оставить поле пустым, инструмент использует значение по умолчанию #ff5733. Для корректного кода результат содержит шестизначные HEX-значения в верхнем и нижнем регистре, текстовые и числовые значения RGB и HSL, а также классификацию светлоты цвета. Оттенок, насыщенность и светлота в HSL округляются до целых чисел. Если введенный код содержит недопустимые символы или неправильную длину, результат выводит понятное указание на ошибку. Флажок «Учитывать историю» по умолчанию выключен. Его включение не меняет результат и не сохраняет предыдущие расчеты. Проверьте полученные параметры перед добавлением в код проекта.
Инструкция
- Введите HEX-код в поле «HEX-код цвета» или оставьте его пустым.
- При необходимости включите флажок «Учитывать историю». Он не меняет результат преобразования.
- Запустите преобразование и проверьте значения HEX, RGB, HSL и классификацию светлоты.
- Если появилась ошибка, проверьте код и повторите преобразование.
Примеры
- Введите #ff5733, чтобы получить значения цвета в форматах HEX, RGB и HSL.
- Введите 0f0: символ # будет добавлен, а короткая запись преобразуется в #00ff00.
Частые вопросы
Можно ли не указывать цвет?
Да, поле HEX-кода необязательно. Если оставить его пустым, будет использовано значение по умолчанию #ff5733.
Какие записи HEX поддерживаются?
Инструмент принимает шестизначные и трехзначные коды с символом # или без него. Перед разбором к записи без символа # добавляется этот знак, а трехсимвольная запись расширяется повторением каждого знака: 0f0 превращается в #00ff00.
Что показывает результат?
Для корректного значения выводятся HEX в верхнем и нижнем регистре, текстовые и числовые значения RGB и HSL, а также классификация светлоты.
Как обрабатывается ошибочный ввод?
Значения оттенка, насыщенности и светлоты в HSL округляются до целых чисел. Если код не удается разобрать, результат содержит указание на ошибку.
Что делает параметр «Учитывать историю»?
Флажок «Учитывать историю» по умолчанию выключен. Его включение не добавляет историю и не меняет результат преобразования.