Extrator de Paleta de Cores de Imagem - Obtenha HEX, RGB e HSL

O que o Extrator de Paleta de Cores Faz

Esta ferramenta responde a uma pergunta direta com precisão: se você tivesse que descrever esta imagem com um punhado de cores, quais seriam? Ela decodifica sua imagem no navegador, reduz sua escala para que a borda mais longa tenha cerca de 200 pixels e lê os dados brutos de pixel de um canvas. Reduzir a escala não é um atalho que sacrifica a precisão — calcular a média dos pixels vizinhos durante a redução remove ruídos de compressão JPEG e do sensor que, de outra forma, apareceriam como dúzias de tons quase pretos e idênticos, e mantém toda a análise em cerca de quarenta mil pixels para que termine instantaneamente, até mesmo em um celular. Pixels com um valor alfa abaixo de 128 são descartados antes de qualquer outra etapa. Esse simples processo é o que impede que um logotipo em fundo transparente informe preto como sua cor principal, que é o erro mais comum que outros extratores cometem. Os pixels opacos restantes são agrupados com o 'median cut'. Este algoritmo trata os pixels como uma nuvem no espaço tridimensional RGB, envolve-os com um cubo, identifica repetidamente o cubo com a maior dispersão de cor ponderada pela quantidade de pixels que contém e o divide em dois no ponto onde os valores das cores realmente mudam. Repetir isso até que haja tantos cubos quantos você pediu gera agrupamentos que seguem a estrutura real da imagem, e cada agrupamento reporta a média dos pixels dentro dele, e não um centro de intervalo arbitrário. É por isso que os resultados são cores reais da sua imagem, em vez dos cinzas desbotados que a segmentação por grade fixa produz. A ordenação é então ajustada. Classificar puramente pela contagem de pixels é uma armadilha: uma fotografia costuma ser quarenta por cento céu ou fundo branco de estúdio, e uma contagem bruta coloca isso em primeiro lugar e esconde as cores que você realmente queria. Portanto, agrupamentos quase neutros, quase pretos e quase brancos recebem menos peso quando a lista é ordenada, embora nunca sejam descartados, e a porcentagem exibida ao lado de cada amostra é sempre a participação real e não modificada do pixel. Finalmente, cada amostra recebe uma cor de texto calculada a partir de sua luminância relativa WCAG 2.1, escolhendo entre preto e branco de acordo com a que oferece a maior taxa de contraste para aquela cor específica. Esse teste usa a luminância, não o brilho, acertando nos tons médios, onde um simples limite de claridade resultaria na resposta errada.