Selettore di colori da un’immagine

Tirare fuori un colore da un’immagine è il genere di cosa che dovrebbe fare il sistema operativo e quasi mai fa. Il colore che ti serve sta in una foto di un muro, nello screenshot di un grafico, in un logo che qualcuno ha mandato in JPEG, e quello che ti serve sono sei cifre esadecimali da incollare in un foglio di stile.

Puntare un pixel è la metà facile. L’immagine viene disegnata uno a uno e con lo smoothing disattivato prima di leggere il pixel, cosa che sembra pedanteria e non lo è: con lo smoothing attivo il browser restituisce una miscela del pixel e dei suoi vicini, quindi il colore che ottieni non è mai stato nell’immagine e non coincide quando lo incolli.

La tavolozza è la metà difficile, e il metodo classico ha un difetto ben noto. Il taglio mediano divide i colori in scatole e il manuale poi fa la media di ogni scatola, ed è così che gli strumenti per tavolozze producono marroni fangosi che nell’originale non compaiono da nessuna parte: la media di un fiore rosso e di una foglia verde è fango. Qui ogni campione è il pixel reale più vicino alla sua scatola, quindi ogni colore proposto è un colore che avresti potuto puntare tu. Le percentuali si calcolano a parte, chiedendo a quale campione ogni pixel sia più vicino, perché il taglio mediano assegna di proposito lo stesso numero di pixel a ogni scatola e leggere quello come percentuale sosterrebbe che tutti i colori occupano la stessa parte di una foto che è palesemente quasi tutta cielo.

Poi c’è il numero che decide se tutto questo è utilizzabile. Un colore preso da una foto finisce quasi sempre dietro a un testo, e se funzioni si può misurare: il rapporto di contrasto WCAG sul bianco e sul nero, con la soglia indicata. Un colore di marca che in un logo è bellissimo spesso dà 2,8:1 sul bianco, ed è una decisione da prendere apposta invece che scoprire più tardi.