O analisador de cor e imagem do PixelVault extrai paletas, histogramas e informação de contraste de qualquer imagem, inteiramente no seu navegador. Adicione uma fotografia, ilustração ou captura de ecrã e obtenha instantaneamente as suas cores dominantes como códigos hexadecimais copiáveis, completos com a percentagem que cada cor ocupa. É uma forma rápida de extrair uma paleta de uma imagem que adora sem instalar nada nem enviar o seu ficheiro.
A partir das cores dominantes pode gerar harmonias complementares, análogas, triádicas e monocromáticas para construir um esquema coerente, e exportar toda a paleta como HEX simples, variáveis CSS, variáveis SCSS, JSON ou uma configuração Tailwind — pronta a colar diretamente no seu projeto. Para uma análise mais profunda, os histogramas RGB e de luminância revelam a exposição e o equilíbrio tonal, uma pré-visualização em escala de cinzentos mostra como uma imagem se lê sem cor, e o verificador de contraste WCAG diz-lhe se um par de texto e fundo passa AA e AAA para acessibilidade.
Como funciona
O PixelVault amostra a imagem a uma resolução reduzida e agrupa cores semelhantes para encontrar as dominantes, converte entre espaços de cor para construir harmonias, e lê os valores dos pixels para calcular histogramas. Os rácios de contraste usam a fórmula de luminância relativa da WCAG 2.1. Tudo isto é executado sobre os pixels já carregados no seu navegador.
Por que o processamento local importa
Analisar localmente mantém as suas imagens — trabalho de clientes, designs por lançar, fotografias privadas — fora da rede. Não há envio nem servidor que possa guardar uma cópia, e os resultados são instantâneos porque os pixels já estão na página.
Formatos compatíveis
- JPG — Analisado diretamente.
- PNG — Transparência respeitada ao amostrar cores.
- WebP — Totalmente suportado.
Casos de uso comuns
- Extraia uma paleta de cores de uma fotografia ou referência de design.
- Gere esquemas de cores combinados para uma marca ou interface.
- Verifique o contraste entre texto e fundo para acessibilidade.
- Inspecione a exposição e o tom com histogramas RGB e de luminância.