Balanceador de Paleta
Verifique o contraste da paleta contra uma cor base e receba sugestões automáticas de ajustes acessíveis.
Resumo
Nenhuma cor atinge a meta
Nenhum ajuste necessário
Resultados
Adicione cores HEX para avaliar o contraste.
Dicas
- Mantenha pelo menos AA (4,5:1) para texto em superfícies de marca.
- Teste modos claro e escuro — a cor base pode alterar o resultado.
- Exporte variáveis CSS ou JSON para sincronizar com sistemas de design.
Visão geral
Equilibre amostras da paleta de marca em relação a um fundo escolhido para atingir metas de acessibilidade rapidamente.
Como usar
- Defina a cor de fundo base e a proporção de contraste desejada.
- Cole valores HEX da paleta ou uma lista separada por vírgulas.
- Revise as sugestões de ajuste e exporte tokens CSS/JSON.
Casos de uso
- Garantir que paletas de marca atendam AA em dashboards e shells de UI.
- Propor alternativas acessíveis para campanhas de marketing.
- Auditar variantes de modo escuro antes de revisões de design.
Dicas e conhecimento
- Valide as cores finais em componentes reais—sobreposições podem alterar o contraste.
- Mantenha a documentação da paleta sincronizada com tokens de design para evitar divergência.
- Compartilhe exportações JSON com times de design system ou QA.