CodeKitHubChe cos'è questo strumento?
Il colore medio è la media aritmetica dei valori rosso, verde e blu di ogni pixel — un unico colore combinato che rappresenta il tono complessivo dell'immagine, ma che può apparire torbido se l'immagine ha regioni di colore molto diverse.
I colori dominanti sono diversi: questo strumento raggruppa i colori di pixel simili in gruppi (quantizzando ogni canale RGB), conta quanti pixel rientrano in ciascun gruppo, e restituisce i più comuni come campioni distinti — più vicino a ciò che una persona chiamerebbe "i colori principali di questa immagine" rispetto a un'unica miscela mediata.
Perché usarlo?
- Ottieni sia il colore medio che una vera palette multicolore da un solo caricamento, non solo un numero.
- Estrai una palette di colori utilizzabile da una foto, uno screenshot o un logo per un progetto di design.
- Clicca su qualsiasi campione per copiare istantaneamente il suo codice HEX esatto.
- Funziona interamente nel tuo browser — l'immagine viene letta localmente tramite canvas e non viene mai caricata da nessuna parte.
- Gratuito, istantaneo, nessun account, nessun limite di dimensione del file oltre a quelli del tuo browser.
Come si usa
- Clicca sul pulsante di caricamento e scegli un'immagine dal tuo dispositivo.
- Il colore medio e la palette dei colori dominanti appaiono automaticamente — nessun pulsante extra da cliccare.
- Clicca su qualsiasi campione (il colore medio o un qualsiasi colore della palette) per copiare il suo codice HEX.
Esempio
Input
Una foto di un tramonto con cielo arancione e sagome blu scuroRisultato
Colore medio: una miscela smorzata bruno-arancione · Colori dominanti: arancione brillante, rosso intenso, quasi nero, giallo pallido (come campioni distinti separati)Questo è esattamente il caso in cui colore medio e colori dominanti divergono di più — la media mescola toni caldi e freddi in un colore torbido, mentre la palette dominante li mantiene come colori chiaramente separati.
Domande frequenti
Perché il colore medio è così diverso da qualsiasi colore effettivamente presente nell'immagine?
La media combina matematicamente ogni pixel — se un'immagine ha regioni sia arancione brillante che blu scuro, la media finisce in un marrone torbido, un colore che potrebbe non esistere visivamente da nessuna parte nella foto originale. Questo è il comportamento atteso di una vera media, non un bug; usa invece la palette dei colori dominanti se vuoi colori che appaiono effettivamente nell'immagine.
La mia immagine viene caricata su un server?
No. L'immagine viene letta direttamente dal tuo browser usando l'API Canvas, e tutta l'analisi del colore avviene localmente in JavaScript. Nulla viene mai inviato sulla rete.
Quanti colori dominanti restituisce?
Fino a 8, ordinati in base a quanti pixel corrispondono a ciascun gruppo di colore, il più comune per primo. Se l'immagine è molto uniforme nel colore, potresti vedere meno di 8 gruppi distinti.
Conta i pixel trasparenti in un PNG?
No — i pixel con opacità inferiore al 50% sono esclusi sia dal calcolo della media che da quello dei colori dominanti, quindi uno sfondo trasparente non farà pendere i risultati verso qualsiasi colore traspaia attraverso di esso.