Quando usar esta ferramenta
Criar um conjunto inicial de cores para design, apresentação, tema, painel de referências ou revisão de acessibilidade sem enviar a imagem.
Como funciona o processamento local
O navegador amostra de forma determinística os pixels decodificados, exclui os totalmente transparentes, agrupa cores próximas por quantização limitada, ordena os grupos e informa a proporção aproximada.
Como usar
- Preparar: Extrair uma paleta de cores: Trabalhe com uma cópia e confirme tamanho de 3 a 12, regiões transparentes, pequenos destaques, proporções aproximadas, ordem determinística e se CSS ou JSON atende ao próximo fluxo. Mantenha a origem intacta.
- Aplicar: Extrair uma paleta de cores: Processe localmente no navegador. O navegador amostra de forma determinística os pixels decodificados, exclui os totalmente transparentes, agrupa cores próximas por quantização limitada, ordena os grupos e informa a proporção aproximada.
- Baixar e verificar: Salve com outro nome. Compare as amostras com regiões importantes do original na tela pretendida, confira manualmente pequenos destaques e trate os percentuais como estimativas quantizadas.
Limitações importantes
Uma paleta quantizada e amostrada é aproximada, não lista todas as cores; gradientes, ruído, transparência, perfis e conversão de gama ampla podem alterar as amostras escolhidas.
Verifique o resultado baixado
Compare as amostras com regiões importantes do original na tela pretendida, confira manualmente pequenos destaques e trate os percentuais como estimativas quantizadas.
Privacidade desde o projeto
Seus arquivos permanecem neste navegador. A origem e o resultado não são enviados aos nossos servidores.
Perguntas e respostas
Quando usar Extrair uma paleta de cores?
Criar um conjunto inicial de cores para design, apresentação, tema, painel de referências ou revisão de acessibilidade sem enviar a imagem.
O que Extrair uma paleta de cores altera?
O navegador amostra de forma determinística os pixels decodificados, exclui os totalmente transparentes, agrupa cores próximas por quantização limitada, ordena os grupos e informa a proporção aproximada.
Quais limites e ajustes importam?
tamanho de 3 a 12, regiões transparentes, pequenos destaques, proporções aproximadas, ordem determinística e se CSS ou JSON atende ao próximo fluxo. Uma paleta quantizada e amostrada é aproximada, não lista todas as cores; gradientes, ruído, transparência, perfis e conversão de gama ampla podem alterar as amostras escolhidas.
Como verificar o resultado?
Compare as amostras com regiões importantes do original na tela pretendida, confira manualmente pequenos destaques e trate os percentuais como estimativas quantizadas.