Estrattore colori gratis
Estrai colori dominanti, codici HEX e token palette riutilizzabili da immagini locali prima di review design o handoff frontend.
Elaborazione locale nel browser. Nessun upload.
Rilascia un file o clicca per sfogliare
In attesa di un file
Aggiungi un file per iniziare.
Originale
-
Colori trovati
-
Colore dominante
-
Elaborazione locale nel browser. Nessun upload.
Palette estratta
In attesa di un file
CSS variables
:root {
}Palette JSON
[]
Come viene campionata la palette
L'immagine viene disegnata su un piccolo canvas, i suoi pixel vengono letti e i colori vengono raggruppati così quelli dominanti salgono in cima. Campionare da una copia ridotta è deliberato: mantiene veloce l'analisi di una foto da 40 megapixel e impedisce che un angolo rumoroso domini il risultato. Tutto viene eseguito localmente, quindi gli asset del brand e le grafiche non ancora pubblicate non vengono mai caricati.
Ottieni codici hex che puoi incollare direttamente in un foglio di stile o in un file di design token.
Leggere una palette che hai estratto
I colori estratti sono un punto di partenza, non un sistema finito. I colori dominanti di una fotografia sono fotografici: portano l'illuminazione e l'atmosfera di quella specifica immagine, che spesso è l'opposto di ciò di cui ha bisogno una palette di interfaccia utilizzabile. Tratta l'output come prova di ciò che l'immagine contiene, poi scegli deliberatamente abbinamenti accessibili.
Controlla il contrasto prima di pubblicare. Una coppia di colori che sembra piacevole in una riga di campioni può comunque non superare le soglie di leggibilità per il testo del corpo, e un accento estratto usato come colore dell'etichetta di un pulsante può avere un contrasto tutt'altro che sufficiente rispetto al suo sfondo.
Quando l'estrazione è lo strumento sbagliato
Se l'obiettivo è abbinarsi a un sistema di brand esistente, campiona il file del brand invece di una foto casuale. Se l'obiettivo è un sistema di design completo, l'estrazione ti dà le tinte ma non le varianti, le sfumature, la spaziatura o i ruoli semantici di cui hai effettivamente bisogno. Usala per informare una decisione, non per prenderla.
Suggerimenti rapidi
- Usa 4-6 colori per i token UI e 8 colori per moodboard più ricche.
- La palette viene campionata localmente da un'anteprima ridotta per mantenere rapidi i file grandi.
Passo successivo: trasformare una foto in video
Tutto quanto sopra funziona nel browser e non costa nulla. Quando il file è pronto, Animate AI prende il controllo: carica una foto, scegli un movimento e ricevi un video breve. I crediti sono prepagati, quindi vedi il prezzo esatto prima di iniziare.
Dove andare dopo su Animate AI
Ogni workflow, strumento del browser e dettaglio di prezzo ha la sua pagina. Apri quella che corrisponde a ciò che hai già.