Extrair uma paleta de uma fotografia é a forma mais rápida e mais honesta de chegar a um esquema de cores. As cores de uma boa fotografia já funcionam juntas, porque foram iluminadas pela mesma luz e captadas pelo mesmo sensor. Os designers constroem esquemas assim desde que existem fotografias de onde os tirar.
Esta ferramenta extrai até seis cores de qualquer imagem. Reduz a imagem a uma amostra pequena, atribui cada píxel a um contentor de cor aproximado, ordena os contentores pelo número de píxeis que lhes caem e depois percorre essa classificação escolhendo cores suficientemente distantes das já selecionadas. É este último passo que impede que uma fotografia de praia devolva seis tons do mesmo bege.
A análise acontece no navegador sobre uma cópia reduzida da sua imagem. Nada é carregado e nenhuma paleta é guardada em lado nenhum.
| Passo | O que acontece |
|---|---|
| Redução | A imagem é reduzida a 80 píxeis no lado mais longo |
| Agrupamento | Cada píxel é atribuído a um contentor de cor aproximado |
| Ordenação | Os contentores são ordenados por número de píxeis |
| Separação | Um candidato é saltado se estiver demasiado próximo de uma cor já escolhida |
| Média | Cada contentor escolhido devolve a média real dos seus píxeis |
Reduzir primeiro é intencional. Faz a média do ruído do sensor e dos artefactos de JPEG, que de outra forma gerariam milhares de cores quase idênticas, afogando a classificação em variações sem significado.
Uma paleta extraída é matéria-prima, não um sistema acabado. A cor que ocupa a maior parte da imagem é normalmente o seu fundo; a mais pequena e saturada é normalmente o acento, e deve continuar a ser um acento em vez de se tornar fundo.
Verifique sempre o contraste antes de decidir. Duas cores que ficam muito bem lado a lado numa fotografia podem estar longíssimo do rácio de 4,5:1 que o texto corrente exige face ao seu fundo. Paletas extraídas são particularmente sujeitas a isto, já que as fotografias estão cheias de meios-tons demasiado próximos entre si para texto.
Até seis. Devolve menos quando uma imagem não contém realmente seis cores suficientemente distintas: uma fotografia monocromática pode dar três.
Cada amostra é a média de um grupo de píxeis semelhantes, e não um píxel individual recolhido. Isso dá uma cor mais representativa do que um ponto arbitrário, que poderia calhar num reflexo especular ou num artefacto de compressão.
Não. A seleção é automática, baseada na porção de imagem que cada cor ocupa e em quão distinta é das já escolhidas. Recorte primeiro a região que lhe interessa se quiser influenciar o resultado.
Clique numa amostra para copiar o código para a área de transferência e cole-o no seu CSS, na sua ferramenta de design ou no documento de marca. A transferência dá-lhe as seis como imagem etiquetada.
Não necessariamente. A ferramenta seleciona cores visualmente distintas, e não cores que cumpram requisitos de contraste. Verifique sempre os pares de texto e fundo com um verificador de contraste antes de publicar.
Não. A análise acontece sobre uma cópia reduzida no navegador e nada é transmitido.
