Seletor de cor de uma imagem

Tirar uma cor de uma imagem é o tipo de coisa que o sistema operacional deveria fazer e quase nunca faz. A cor que você quer está numa foto de uma parede, numa captura de um gráfico, num logo que alguém mandou em JPEG, e o que você precisa são seis dígitos hexadecimais para colar numa folha de estilo.

Apontar para um pixel é a metade fácil. A imagem é desenhada um para um e com a suavização desligada antes de o pixel ser lido, o que parece preciosismo e não é: com a suavização ligada, o navegador devolve uma mistura do pixel com os vizinhos, então a cor que você recebe nunca esteve na imagem e não bate quando você cola.

A paleta é a metade difícil, e o método padrão tem uma falha bem conhecida. O corte pela mediana separa as cores em caixas e o livro-texto então tira a média de cada caixa, que é como as ferramentas de paleta produzem marrons barrentos que não aparecem em lugar nenhum do original: a média de uma flor vermelha com uma folha verde é lama. Aqui cada amostra é o pixel real mais próximo da sua caixa, então toda cor oferecida é uma que você mesmo poderia ter apontado. As porcentagens são calculadas à parte, perguntando de qual amostra cada pixel está mais perto, porque o corte pela mediana dá de propósito o mesmo número de pixels a cada caixa e ler isso como porcentagem afirmaria que todas as cores ocupam o mesmo numa foto que é claramente quase toda céu.

E há ainda o número que decide se algo disso serve. Uma cor tirada de uma foto quase sempre acaba atrás de um texto, e se isso funciona dá para medir: a razão de contraste WCAG contra o branco e contra o preto, com o limiar indicado. Uma cor de marca que fica linda num logo costuma dar 2,8:1 sobre branco, e essa é uma decisão que convém tomar de propósito em vez de descobrir depois.