Colore dominante dell'immagine
Trovate il colore dominante di qualsiasi immagine e una palette dei suoi colori più comuni. Lo strumento raggruppa ogni pixel visibile in 4096 fasce di colore, indica la fascia principale come colore dominante, elenca fino a 12 colori della palette con la relativa percentuale dell’immagine e aggiunge il colore medio complessivo, ciascuno in formato hex, RGB e HSL. Ideale per designer, creatori di temi e sviluppatori che hanno bisogno di colori segnaposto o di accento.
Domande frequenti
Come viene trovato il colore dominante?
Ogni pixel viene inserito in una delle 4096 fasce, con 16 livelli per ciascun canale rosso, verde e blu. Vince la fascia con più pixel e il suo colore è la media dei pixel al suo interno, quindi uno sfondo bianco viene indicato come bianco puro anziché come un valore arrotondato.
Che cos’è la palette?
La palette elenca le fasce più comuni dopo quella dominante, fino al numero di colori scelto tra 1 e 12, con 5 come valore predefinito. Ogni voce mostra i valori hex, RGB e HSL e la percentuale di pixel visibili coperta.
In cosa differisce il colore medio?
Il colore medio è la media di tutti i pixel visibili. Una foto con un cielo blu sopra un campo rosso ha come colore dominante il blu o il rosso, ma il colore medio è una mescolanza opaca di entrambi. Il colore medio è adatto agli sfondi segnaposto sfocati, mentre il colore dominante è indicato per gli accenti.
Come vengono gestiti i pixel trasparenti?
I pixel con trasparenza superiore al 50% vengono ignorati, quindi un logo su sfondo trasparente mostra i colori del logo anziché il nero. Il risultato indica quale percentuale dell’immagine era trasparente. Se un’immagine non contiene pixel visibili, viene mostrato un messaggio anziché un colore.
Quali formati posso analizzare?
Sono supportate immagini JPEG, PNG, GIF, WebP, TIFF e AVIF fino a 5 MB. I file animati GIF e WebP vengono misurati sul primo fotogramma, mentre le immagini CMYK vengono convertite in sRGB prima del conteggio.
Le immagini grandi vengono ridotte prima dell’analisi?
Le immagini con un lato più lungo di 4000 pixel vengono ridimensionate per rientrare in 4000 pixel prima del conteggio; ciò modifica le percentuali al massimo di una quantità minima. Le immagini più piccole vengono conteggiate pixel per pixel.
Perché tonalità simili compaiono come colori distinti?
Le fasce hanno un’ampiezza di 16 livelli, quindi due tonalità ai lati opposti del confine tra fasce vengono conteggiate separatamente. Per questo i gradienti e le foto mostrano spesso nella palette tonalità adiacenti. Aumentate il numero di colori della palette per visualizzarne altre.
Posso usare i colori in CSS?
Sì. Ogni colore è disponibile come codice hex, ad esempio #3366cc, come valori rgb() e come valori hsl(), con la tonalità espressa in gradi e saturazione e luminosità in percentuale, pronti da incollare in CSS, negli strumenti di progettazione o nelle impostazioni del tema.
A cosa posso usare il colore dominante?
Gli usi più comuni includono gli sfondi segnaposto mentre le immagini si caricano, i colori di accento per schede e intestazioni coordinati con un’immagine di copertina, l’ordinamento delle foto dei prodotti in base al colore e il controllo che le immagini del brand rispettino la palette. Il risultato strutturato rende inoltre facile riutilizzare i valori in script e temi.
Il risultato è sempre lo stesso?
Sì. Il conteggio è deterministico, quindi lo stesso file restituisce sempre lo stesso colore dominante, la stessa palette e le stesse percentuali. Se due fasce hanno esattamente lo stesso conteggio, l’ordine dipende dall’ordine in cui i rispettivi colori compaiono per la prima volta.