Estrattore Palette Colori

L'Estrattore di Palette Colori scansiona fogli di stile CSS, markup SVG, file HTML o testo semplice per tutte le definizioni di colore — analizzando codici esadecimali (#RRGGBB, #RGB), funzioni RGB/RGBA, funzioni HSL/HSLA e colori CSS nominati — quindi li presenta come una palette visiva unificata con rappresentazioni hex, RGB e HSL. I sistemi di design richiedono una documentazione precisa di tutti i colori in uso, e questo strumento sostituisce l'audit manuale dei colori con un'estrazione automatizzata istantanea per qualsiasi codebase o file di markup.

Esplora tutti gli strumenti Convertitore

Come Usare

Incolla codice CSS, markup SVG, sorgente HTML o qualsiasi testo contenente valori di colore nell'area di input. Lo strumento scansiona tutti i pattern di sintassi dei colori e rende ogni colore scoperto come un campione con i suoi valori hex, RGB e HSL sottostanti. Clicca su qualsiasi campione per copiare il valore del colore negli appunti, oppure esporta la palette completa come un elenco di proprietà personalizzate CSS, un oggetto JSON o un elenco hex piatto.

Casi d'Uso Comuni

• •Estrazione di tutti i valori di colore da un foglio di stile CSS per creare un inventario completo di token di design per una migrazione di un sistema di design
• •Verifica di librerie di icone SVG e file di illustrazione per identificare tutti i colori utilizzati e controllare la conformità ai colori del brand
• •Scoperta di colori ridondanti quasi duplicati in fogli di stile legacy per consolidare la palette prima di un aggiornamento del design
• •Generazione di un documento di riferimento dei colori dal codice frontend esistente per i passaggi di consegne del team di design e la creazione di linee guida del brand
• •Verifica della conformità al contrasto WCAG estraendo i colori di primo piano e di sfondo dal CSS dei componenti per l'audit di accessibilità

Prenditi una pausa e gioca ai giochi gratuiti nel browser