← Torna alle funzionalità
Free

Palette colori

Scansiona ogni elemento ed estrae tutti i colori usati, ordinati per frequenza.

Ogni sito ben progettato ha una palette coerente. Palette colori la estrae automaticamente scansionando ogni proprietà colore calcolata.

Anteprima dal vivo
example.com
Extracted Palette — 8 colors Export All
#7c3aed
42 uses
#0f0f1a
38 uses
#e8e8f0
31 uses
#4ade80
14 uses
#1a1a2e
28 uses
#ef4444
6 uses
#f59e0b
5 uses
#3b82f6
4 uses
Caratteristiche principali

Estrazione automatica full-page

Scansiona ogni elemento per color, background-color, border-color e box-shadow.

Campioni ordinati per frequenza

I colori più usati appaiono per primi.

Campioni colore visivi

Ogni colore mostrato come campione grande con codice HEX e conteggio.

Copia con un clic

Clicca qualsiasi campione per copiare il valore HEX.

Esporta palette completa

Clicca 'Esporta tutto' per copiare tutti i codici come lista.

De-duplicati e normalizzati

Rappresentazioni rgb e hex dello stesso colore vengono unite.

Casi d'uso comuni

Ricerca design e ispirazione

Visita siti con belle combinazioni e estrai la palette esatta.

Audit colori brand

Verifica coerenza dei colori brand sul tuo sito.

Creare CSS custom properties

Esporta e converti in custom properties CSS.

Analisi colori concorrenti

Estrai palette dai concorrenti per capire il loro posizionamento.

Revisione accessibilità colori

Vedi tutti i colori testo e sfondo insieme per verificare il contrasto.

Come usare
1

Attiva Palette colori

Apri il dock e clicca l'icona.

2

Naviga i colori

Griglia di campioni ordinati per frequenza.

3

Clicca per copiare

Clicca qualsiasi campione per copiare il HEX.

4

Esporta la palette

Clicca 'Esporta tutto' per tutti i colori.

5

Confronta tra pagine

Naviga su pagine diverse dello stesso sito per verificare coerenza.

Pronto a provare? Palette colori?

Installa DevSuite Pro gratuitamente e sblocca più di 39 strumenti per sviluppatori per il tuo browser.

Aggiungi a Chrome Aggiungi a Edge Aggiungi a FireFox