Витягувач колірної палітри

Екстрактор Колірної Палітри сканує таблиці стилів CSS, розмітку SVG, HTML-файли або звичайний текст на наявність усіх визначень кольорів — розбираючи шістнадцяткові коди (#RRGGBB, #RGB), функції RGB/RGBA, HSL/HSLA та іменовані кольори CSS — потім представляє їх як уніфіковану візуальну палітру з представленнями hex, RGB та HSL. Системи дизайну вимагають точної документації всіх кольорів, що використовуються, і цей інструмент замінює ручний аудит кольорів миттєвим автоматизованим вилученням для будь-якої кодової бази або файлу розмітки.

Переглянути всі інструменти категорії Конвертер

Як Використовувати

Вставте код CSS, розмітку SVG, вихідний код HTML або будь-який текст, що містить значення кольорів, в область введення. Інструмент сканує всі синтаксичні шаблони кольорів і відображає кожен знайдений колір як зразок з його значеннями hex, RGB та HSL нижче. Натисніть будь-який зразок, щоб скопіювати значення кольору в буфер обміну, або експортуйте повну палітру як список користувацьких властивостей CSS, об'єкт JSON або плоский список hex.

Типові Випадки Використання

• •Вилучення всіх значень кольорів з таблиці стилів CSS для створення комплексного інвентарю дизайн-токенів для міграції дизайн-системи
• •Аудит бібліотек іконок SVG та файлів ілюстрацій для ідентифікації всіх використаних кольорів та перевірки відповідності фірмовим кольорам
• •Виявлення надлишкових майже дублюючих кольорів у застарілих таблицях стилів для консолідації палітри перед оновленням дизайну
• •Генерація документа-довідника кольорів з існуючого фронтенд-коду для передачі командам дизайну та створення керівництв по бренду
• •Перевірка відповідності контрастності WCAG шляхом вилучення кольорів переднього плану та фону з компонентного CSS для аудиту доступності