Преобразование цветов HEX, RGB и HSL
Введите HEX (#3B82F6), RGB (rgb(59, 130, 246)) или HSL (hsl(217, 91%, 60%)), чтобы получить остальные представления и образец цвета для CSS или макета.
Цвета для дизайна и CSS
Переведите HEX из макета в RGB или RGB из палитры в HEX. Светлоту удобно менять через L в HSL. Вывод не содержит прозрачности: допустимые RGBA и HSLA принимаются, но альфа-канал не сохраняется.
Обозначения цветов и ограничения
#F80 — сокращение #FF8800. В HSL H обозначает угол тона, S — насыщенность, L — светлоту. Каналы RGB и значения HSL округляются до целых, поэтому обратное преобразование может отличаться от оригинала. Поддерживаются не все цветовые пространства CSS.
Пример преобразования HEX в RGB и HSL
Введите #FF0000 и запустите инструмент. Результат: HEX #FF0000, RGB rgb(255, 0, 0), HSL hsl(0, 100%, 50%). Ввод соответствующего RGB или HSL даст тот же красный образец.