Инструменты для работы с цветом
Конвертер цветов
Конвертер цветов переводит значения между HEX, RGB и HSL с предпросмотром оттенка и числовыми компонентами.
Запустить инструмент
Онлайн-конвертер цветов переводит значения между форматами HEX, RGB и HSL с наглядным предпросмотром оттенка на экране. Для работы укажите исходный формат в меню и введите текстовое значение нужного цвета. Формат HEX принимает трехзначные и шестизначные шестнадцатеричные коды с символом решетки или без него. При выборе RGB укажите три числовых значения каналов от 0 до 255 через пробел или запятую. При выборе HSL укажите оттенок, насыщенность и светлоту: угол цветового круга пересчитывается по модулю 360 градусов, а проценты насыщенности и светлоты приводятся к диапазону от 0 до 100. После обработки инструмент показывает визуальный образец цвета, текстовые строки HEX, RGB и HSL для вставки в код CSS, а также отдельные числовые компоненты каждого канала. Числа каналов RGB выводятся целыми значениями, а компоненты HSL округляются до целых чисел. Если поле ввода оставить пустым или выбрать неподдерживаемый формат, инструмент сообщит об ошибке.
Инструкция
- Выберите исходный формат записи цвета: hex, rgb или hsl.
- Введите шестнадцатеричный код или числовые значения каналов в поле ввода.
- Нажмите кнопку запуска для выполнения перевода.
- Скопируйте полученные строки HEX, RGB, HSL или числовые значения каналов из блока с результатами.
Примеры
- Перевод кода #2a9d8f из формата hex дает строку rgb(42, 157, 143), hsl(173, 58%, 39%) и визуальный образец цвета морской волны.
- Перевод значений 231 111 81 из формата rgb создает шестнадцатеричный код #e76f51 и запись hsl(12, 76%, 61%).
Частые вопросы
Нужно ли обязательно указывать символ решетки для HEX-кодов?
Символ решетки указывать не обязательно: конвертер корректно обрабатывает трехзначные и шестизначные коды как с символом #, так и без него.
Что произойдет при вводе значений насыщенности или светлоты выше 100%?
Значения насыщенности и светлоты в формате HSL, превышающие 100%, автоматически ограничиваются значением 100%.
Какие форматы записи цвета поддерживает инструмент?
Инструмент поддерживает форматы hex, rgb и hsl. Выберите нужный тип в меню перед вводом значения.
Как обрабатываются дробные значения при конвертации в HSL?
Числовые компоненты HSL в блоке результата округляются до ближайших целых значений.