Verificador de Contraste de Cor
Verifique a razão de contraste de cor para conformidade WCAG. Garanta que suas cores atendam aos padrões de acessibilidade.
Verificador de Contraste de Cor
Texto de Amostra
Este é um texto de amostra para testar o contraste
Descrição da ferramenta
The Color Contrast Checker tool calculates contrast ratios between foreground and background colors and evaluates them against WCAG accessibility standards. It helps ensure your designs are readable for more users.
Quando usar esta ferramenta
Use this tool whenever you choose text and background colors for UI elements, especially for buttons, links, and body text.
Como usar
Enter foreground and background colors
Provide colors in HEX, RGB, or other supported formats for text and its background.
Check contrast ratio
See the computed contrast ratio and whether it meets WCAG AA or AAA requirements for different text sizes.
Adjust colors if needed
Tweak either color until the ratio passes the desired accessibility level.
Exemplos de uso
Validating a brand color palette
Ensure your chosen brand colors still provide enough contrast when used for body text on white or dark backgrounds.
Perguntas frequentes
Ferramentas relacionadas
Verificador de Web Vitals
Meça Core Web Vitals do seu site. Verifique LCP, FID, CLS e outras métricas de desempenho.
Gerador de Favicon
Gere favicon de emoji ou texto. Crie arquivos PNG de favicon para seu site.
Visualizador OpenGraph
Visualize como seu site aparece quando compartilhado nas redes sociais. Teste meta tags Open Graph.