cor
seletor de cor
escolha uma cor e veja hex/rgb/hsl + contraste.
s
l
- rgb
- 155, 107, 90
- hsl
- 16°, 27%, 48%
- vs branco
- 4.52 · AA
- vs preto
- 4.64 · AA
sobre
escolha qualquer cor e veja seus valores hex, RGB e HSL mais as taxas de contraste WCAG contra preto e branco.
como usar
- clique na amostra de cor para abrir o seletor nativo, ou digite um código hex.
- leia os valores RGB e HSL.
- confira as taxas de contraste WCAG contra preto e branco.
exemplos
- confirme que uma cor de marca atinge o contraste AA sobre o seu fundo.
- converta um HSL do Photoshop no código hex que você precisa pro CSS.
- teste cores complementares ajustando a matiz.
perguntas frequentes
o que significam AA / AAA?
níveis de contraste WCAG. AA precisa de 4.5:1 pra texto comum e 3:1 pra texto grande. AAA precisa de 7:1 — o padrão ouro.
por que duas leituras de contraste?
pra você ver num relance se usa texto preto ou branco sobre aquele fundo.