Selector de color de una imagen

Sacar un color de una imagen es de esas cosas que debería hacer el sistema operativo y casi nunca hace. El color que quieres está en una foto de una pared, en la captura de un gráfico, en un logo que alguien mandó en JPEG, y lo que necesitas son seis dígitos hexadecimales que puedas pegar en una hoja de estilos.

Señalar un píxel es la mitad fácil. La imagen se dibuja uno a uno y con el suavizado desactivado antes de leer el píxel, lo que suena a pedantería y no lo es: con el suavizado activado el navegador devuelve una mezcla del píxel y sus vecinos, así que el color que obtienes nunca estuvo en la imagen y no coincide cuando lo pegas.

La paleta es la mitad difícil, y el método estándar tiene un fallo muy conocido. El corte por la mediana reparte los colores en cajas y el libro de texto promedia cada caja, que es como las herramientas de paleta producen marrones turbios que no aparecen en ningún sitio del original: la media de una flor roja y una hoja verde es barro. Aquí cada muestra es el píxel real más cercano a su caja, así que todo color ofrecido es uno que podrías haber señalado tú. Los porcentajes se calculan aparte, preguntando a qué muestra se acerca más cada píxel, porque el corte por la mediana da a propósito el mismo número de píxeles a cada caja y leer eso como porcentaje afirmaría que todos los colores ocupan lo mismo en una foto que es evidentemente casi toda cielo.

Y luego está el número que decide si algo de esto sirve. Un color sacado de una foto acaba casi siempre detrás de un texto, y si eso funciona se puede medir: la relación de contraste WCAG contra blanco y contra negro, con el umbral señalado. Un color de marca que queda precioso en un logo suele dar 2,8:1 sobre blanco, y eso es una decisión que conviene tomar a propósito y no descubrir más tarde.