OneKitTools logoOneKitTools

Grade de Contraste

Grade de proporção de contraste WCAG para todas as combinações de cores — estilo Eightshapes

Sobre Grade de Contraste

Verifique a conformidade de contraste de cores WCAG para suas combinações de cores — garanta a acessibilidade do seu design.

Como usar Grade de Contraste

  1. 1Adicione as cores que deseja testar.
  2. 2A grade mostra automaticamente as proporções de contraste entre todas as combinações.
  3. 3Confira o status de aprovação/reprovação para os níveis WCAG AA e AAA.
  4. 4Filtre a grade para mostrar todas as combinações, apenas aprovadas ou apenas reprovadas.
  5. 5Exporte a grade completa como CSV para documentação ou revisão da equipe.

Dicas

  • WCAG AA requer uma proporção mínima de 4.5:1 para texto normal e 3:1 para texto grande.
  • WCAG AAA requer 7:1 para texto normal e 4.5:1 para texto grande.
  • Use com o Simulador de Daltonismo para uma auditoria completa de acessibilidade.

Limites grátis vs pago

Grátis: máx. limited cores. Starter+: unlimited cores in palette.

Ferramentas relacionadas

Equipe OneKitToolsAtualizado 2.21.4