🎨 Tudo roda no seu navegador. Sem instalar nada, sem cadastro.
Onde cada degrau se usa
- · 50~200 Fundos, realces suaves, estados desativados
- · 400~600 Botões e links — a cor de marca em si
- · 700~900 Estados pressionados e texto sobre fundos escuros
- A nota à direita de cada linha diz se o texto branco ou preto passa do limite de acessibilidade (4,5:1) sobre aquele fundo.
O que esta ferramenta faz
- Dez degraus do 50 ao 900
- HEX e HSL em cada degrau
- Indica se lê melhor texto branco ou preto
- Copie o conjunto como variáveis CSS
Outras ferramentas de cor
As cores podem aparecer um pouco diferentes conforme a sua tela e o perfil de cor dela.