Qual ferramenta usar?
Por enquanto esta seção tem uma ferramenta: Conversor de cores e paletas. Escolha ou cole uma cor para ver os códigos HEX, RGB e HSL, saber se o texto sobre ela passa no contraste da WCAG e gerar tons e paletas para copiar como CSS.
Para trabalhar com fotos em vez de cores, veja as ferramentas de imagem como Converter JPG, PNG e WebP e Redimensionar imagens. Para um QR code na cor da sua marca, use o Gerador de QR Code.
Perguntas frequentes
Por que o contraste é importante?
Texto que não se destaca do fundo é difícil de ler para muita gente, principalmente no celular ao ar livre. A WCAG pede uma proporção mínima de 4,5:1 para texto normal.
Vão entrar mais ferramentas de design?
Sim. Mais ferramentas de cor e layout estão nos planos, e cada uma entra quando a página e os testes ficam prontos.