Designer & Developer Tools
Check color contrast for accessibility
Test foreground and background colors against WCAG AA and AAA contrast rules.
Escala de Tons
Paleta
Escala de Opacidade
Prévia de Gradiente
Contraste
Prévia de Acessibilidade
Verifique a legibilidade do texto e das superfícies da interface.
Prévia de Sombra
Sombra Premium
Check color contrast for accessibility
Esta página foi desenvolvida para pessoas que precisam de um fluxo de trabalho contrast checker online para sistemas de design, kits de UI, verificações de acessibilidade e geração de tokens reutilizáveis.
- Fast visual workflow
- Ready-to-copy CSS and token output
- Useful for design systems and UI kits
- Built for developers and designers
FAQ
Perguntas frequentes
Who is this color tool for?
It is useful for designers, frontend developers and anyone building design systems.
Can I copy the generated output?
Yes. You can copy and download the generated CSS, SCSS or JSON output.