Estrattore di palette colori
Estrai i colori dominanti da qualsiasi immagine nel browser. 5–8 swatch, codici hex, variabili CSS pronte da copiare. I file non lasciano mai il tuo dispositivo.
🔒 Files never leave your browser — no upload, no server, no tracking.
No image yet.
A cosa serve?
Questo strumento legge un'immagine, campiona qualche migliaio di pixel e li raggruppa in 3–10 bucket di colori dominanti tramite un algoritmo median-cut scritto a mano. Il risultato è un piccolo set di colori hex rappresentativi che puoi usare come seed per un design system, base di un moodboard o modo rapido per estrarre i colori brand da un logo. Tutto gira nel browser; l'immagine non viene mai caricata.
Quando usarlo
- Estrarre i colori dominanti da un logo per costruire un tema coordinato.
- Seedare una config Tailwind o un blocco di CSS custom-properties partendo da un'immagine hero.
- Costruire una palette moodboard da una foto o opera d'arte.
- Verificare che l'immagine hero del design e il colore di accento della pagina vadano d'accordo.
Come funziona il median-cut
- Sotto-campiona l'immagine per tenere il numero di pixel gestibile.
- Trova l'asse più lungo della nuvola di pixel (range R, G o B).
- Ordina lungo quell'asse, divide alla mediana.
- Ricorre in ogni metà finché non hai il numero di bucket richiesto.
- Restituisce il colore medio di ogni bucket.
Errori comuni
- Le regioni trasparenti vengono saltate. Pixel con alpha < 50% non contribuiscono — utile per loghi su sfondi trasparenti.
- Foto con un colore dominante (es. una spiaggia con tanto cielo blu) ti daranno varie sfumature di quel colore invece di una palette variata. Croppa su una zona più colorata se vuoi range.
- Median-cut è veloce ma non perfetto percettivamente. Per qualità da teoria del colore (complementari, analoghi) serve ancora un designer — l'algoritmo prende il più frequente, non il più estetico.
- Lo slider conta bucket, non colori "importanti". Chiederne 10 da un logo a 2 colori te ne dà 10 — solo che saranno quasi-duplicati.