Конвертер цветов
Преобразуйте цвета между HEX, RGB и HSL с помощью альфа-канала и палитры оттенков.
Конвертер цветов
Вставьте цвет в любой форме, которую понимает CSS — #3b82f6, rgb(59, 130, 246), hsl(217, 91%, 60%) — и два других цвета вернутся мгновенно. Короткий шестнадцатеричный код, такой как #f00, расширяется, начальный хэш не является обязательным, а старый синтаксис запятой и новый синтаксис пробелов считываются без указания того, какой из них вы использовали. Поместите один цвет в строку, и вся палитра преобразуется сразу, а это именно то, что вам нужно, когда передача дизайна поступает в виде столбца шестнадцатеричных кодов, а ваша таблица стилей написана на HSL.
Альфа выживает в путешествии, как бы вы его ни написали: rgba(59, 130, 246, 0,5), rgb(59 130 246 / 50%) и 8-значный шестнадцатеричный код #3b82f680 описывают один и тот же полупрозрачный синий цвет, и каждый преобразуется в другие. Отключите «Сохранить альфа-канал», если вам нужен только непрозрачный цвет. Меню выходного формата сужает результат до шестнадцатеричного, RGB или HSL — это удобно для объемных списков, а меню синтаксиса выбирает между rgb(255, 0, 0) и rgb(255 0 0 / 0,5), поэтому то, что вы копируете, вставляется прямо в уже имеющуюся у вас кодовую базу. Шестнадцатеричный регистр верхнего регистра находится на расстоянии одного флажка.
Включите палитру оттенков, и каждый цвет получит таблицу более светлых и темных вариантов, равномерно смешанных в сторону белого и в сторону черного. Это быстрый способ получить состояния наведения, границы и отключенные стили из одного фирменного цвета, не открывая инструмент дизайна. Выберите от одного до восьми шагов на каждую сторону; базовый цвет находится посередине с 0%.
Все работает в вашем браузере — ни загрузка, ни обмен данными с сервером, ни учетная запись. Невыпущенные фирменные цвета останутся на вашей машине. Линии, не являющиеся цветами, остаются на месте в качестве комментария CSS и учитываются при подсчете, поэтому одна опечатка никогда не скроет остальную часть длинного списка. Именованные цвета CSS, такие как rebeccapurple, не поддерживаются; сначала преобразуйте их в шестнадцатеричный формат.