Estrai i colori dominanti da un’immagine caricata campionando i pixel, quantizzando valori simili e ordinando le swatch più frequenti. Ogni risultato include un codice CSS hex e la tupla RGB corrispondente tramite l’helper colore condiviso.
Algoritmo (semplificato)
- Disegnare l’immagine su un canvas a piena risoluzione
- Percorrere i pixel con un passo (ogni 4° pixel di default) per le prestazioni
- Saltare i pixel quasi trasparenti (alpha sotto 128)
- Quantizzare i canali in bucket a passi di 32 per unire i quasi-duplicati
- Ordinare i bucket per frequenza e restituire i primi N colori
È una palette basata sulla frequenza, non un clustering percettivo (niente k-means). Funziona bene con grafiche UI piatte e poster; le foto rumorose possono restituire mezzitoni spenti.
Quando usarlo
- Avviare una palette da una foto di brand o da un logo raster
- Abbinarlo agli strumenti Colors (
from-hex-to-rgb) per ulteriori conversioni - Documentare design token estratti da screenshot di marketing
Limiti
JPEG molto compressi e gradienti producono colori medi. Gli sfondi PNG/WebP trasparenti vengono ignorati dove l’alpha è basso. Immagini molto grandi sono campionate in modo sparso—i dettagli estremi possono mancare. I risultati sono indicativi, non sostituiscono strumenti professionali di estrazione palette.
Esempio
Ad esempio, inserisci i valori di esempio predefiniti nel modulo e confronta l’output con un riferimento noto; regola un input alla volta per vedere come cambia il risultato.