Verificador de Contraste (WCAG)

Verifique o contraste entre primeiro plano e fundo face aos limiares WCAG AA e AAA.

Primeiro plano / Cor A

Fundo / Cor B

Direção

Ferramentas Sugeridas

Seletor de Cores
Escolha uma cor visualmente e copie HEX, RGB ou HSL para CSS e design.
HEX ↔ RGB
Converta cores entre HEX e RGB para CSS, canvas e handoff de design.
HEX ↔ HSL
Converta cores entre HEX e HSL para ajustar luminosidade e saturação em CSS.

Verificador de Contraste (WCAG) pontua pares de cores para texto e controlos de UI permanecerem legíveis.

Escolha duas cores, execute e veja se o rácio de contraste passa as guidelines de acessibilidade.

Ativa o JavaScript.