Guia de recursos
Verificador de contraste para acessibilidade
Antes de uma paleta ir para um produto, o Lab de Paletas mostra quais pares passam no contraste WCAG para texto, quais cores ficam difíceis de distinguir com deficiência na visão de cores e como as cores ficam numa UI real.
Pro Incluído no ColorSnapr Pro Atualizado:
Destaques
- Matriz de contraste: cada par fundo × texto com a taxa e o resultado AA / AA grande / AAA.
- Conflitos de visão de cores: pares que ficam difíceis de distinguir com protanopia, deuteranopia ou tritanopia.
- Prévia de UI: sua paleta aplicada a botões, cartões e texto.
- Gradientes suaves interpolados em Oklab.
- Cada cor salva também mostra o contraste com texto branco e preto, de graça.
Como funciona
- 1 Abra uma paleta e escolha Lab de Paletas.
- 2 Veja a aba Acessibilidade: células com moldura passam em AA para texto normal.
- 3 Passe para Prévia ou Gradiente, ajuste as cores e confira de novo.
Perguntas
Quais limites WCAG são usados?
4.5:1 para texto normal (AA), 3:1 para texto grande (AA grande) e 7:1 para AAA, conforme a WCAG 2.
O Lab de Paletas é grátis?
O Lab de Paletas faz parte do ColorSnapr Pro. O contraste com texto branco e preto de cada cor salva é grátis.
Experimente no seu celular — o ColorSnapr é grátis para baixar.