Come si calcola la palette
L’immagine viene ridotta a circa 96 pixel di lato e i suoi colori vengono raggruppati con k-means: l’algoritmo cerca gli N colori che rappresentano meglio tutti i pixel. Il raggruppamento avviene nello spazio OKLab, che misura le differenze come le percepisce l’occhio; in RGB due verdi molto diversi possono sembrare «vicini» e due grigi quasi uguali, lontani. Il punto di partenza non è casuale, quindi la stessa immagine dà sempre la stessa palette.
Colore medio e colori dominanti
Non sono la stessa cosa. I colori dominanti sono quelli che occupano più superficie; il colore medio è la miscela di tutti, come se l’immagine venisse ridotta a un pixel. Il medio è di solito un tono spento che non compare così nella foto, ma è lo sfondo di caricamento migliore: somiglia all’immagine nel suo insieme e non stona quando arriva la foto. È lo stesso colore che il generatore di ximg.es salva per ogni foto del suo archivio.
Idee per usare la palette
- Ricavare i colori di un sito dalla foto principale o dal logo.
- Scegliere il colore di un testo o di un pulsante che si abbini all’immagine dell’header.
- Dare a ogni card di un elenco uno sfondo con il colore della sua foto.
- Verificare se un gruppo di foto ha una gamma coerente.
Se devi mettere del testo su uno di questi colori, controlla prima il contrasto con la verifica WCAG.