| Amostra | HEX | RGB | HSL | % |
|---|
Extracao de paleta para identidade visual brasileira e portuguesa
Agencias de design no Brasil e em Portugal usam a extracao de paleta como ponto de partida em projetos de identidade visual. A partir de um logotipo ou fotografia, a ferramenta retorna os codigos HEX exatos das cores dominantes. O Manual de Uso da Marca do Governo Federal brasileiro define cores institucionais especificas , comparar uma paleta extraida com esses valores ajuda a verificar a conformidade de documentos e sites publicos.
O e-MAG (Modelo de Acessibilidade em Governo Eletronico, BR) e o Decreto-Lei 83/2018 (PT) exigem contraste minimo de 4,5:1 para texto normal. Apos a extracao, teste cada combinacao de cores com o Verificador de Contraste antes de incorpora-las ao CSS.
Dados extraidos pela ferramenta
| Tipo de cor | Uso tipico | Formato de saida |
|---|---|---|
| Dominante | Cor primaria de marca | HEX, RGB, HSL |
| Secundaria | Destaque, botoes de acao | HEX, RGB, HSL |
| Neutra | Fundos, textos | HEX, RGB, HSL |
| Percentagem | Peso visual na imagem fonte | % |
Limites da extracao algoritmica
O algoritmo agrupa pixels por clusters de cores semelhantes. Detalhes finos , bordas finas, icones pequenos , podem nao aparecer na paleta extraida. Degrades sao calculados como media de todos os pixels, resultando em um valor intermediario em vez do tom exato do inicio ou fim. Para trabalhos de impressao, a conversao de HEX para CMYK continua sendo necessaria por meio de uma ferramenta de gestao de cores, pois os espacos de cor de tela e impressao sao diferentes.
Fluxo de trabalho: da imagem ao sistema de design
Extraia a paleta da imagem fonte e cole os codigos HEX no Gerador de Paleta para obter uma escala completa de matizes e sombras (escala 50-900 no estilo Tailwind CSS ou tokens do Material Design). Copie as propriedades CSS personalizadas diretamente no bloco :root da sua folha de estilos.