Перетворювач кольорів

Перетворювач кольорів

Вставте колір у будь-якій нотації, яку розуміє 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, не підтримуються; спочатку конвертуйте їх у шістнадцятковий формат.

FAQ