3
Copie formatos ou exporte o relatório de cores e contraste.
Cores CSS e verificação de contraste
Insira um valor de cor CSS, por exemplo #ff6600, ff6600, rgb(255 102 0) ou hsl(24 100% 50%). A ferramenta mostrará a cor e a converterá em formatos CSS comuns.
Os valores são resolvidos neste navegador para sRGB. Cores dependentes do contexto, como currentColor, var() e cores do sistema, não são aceitas. As funções de ampla gama e CSS Cor 4 estão fora dos formatos de entrada suportados por esta ferramenta. A transparência é preservada em RGBA, HSLA e alfa HEX. RGB e HSL omitem alfa. Os limites de contraste não substituem uma auditoria completa de acessibilidade.
Insira um valor de cor CSS válido.
A entrada mudou. Este relatório ainda pertence à última execução bem-sucedida.
Uma amostra de cor aparecerá aqui
HEX
—
RGB
—
RGBA
—
HSL
—
HSLA
—
Entrada CSS
—
WCAG taxa de contraste:
Aa
AA · 4.5:1
AA · 3:1
AAA · 7:1
4,5:1 é o limite AA para texto comum; 3:1 aplica-se apenas a texto suficientemente grande. 7:1 é AAA para texto comum. Uma verificação de pares de cores não estabelece a acessibilidade geral da página.
Por que usar um verificador de cores CSS online?
Esta ferramenta ajuda você a visualizar rapidamente qualquer valor de cor CSS diretamente em seu navegador. Você pode colar códigos de um sistema de design, guia de estilo ou layout e ver imediatamente como eles ficam na tela.
Use-o ao preparar estilos para um site, combinar cores de marca ou depurar layouts existentes. O verificador suporta todos os formatos CSS padrão, incluindo HEX, RGB, RGBA, HSL e cores nomeadas.
As resenhas são verificadas antes da publicação. Publicamos feedback positivo genuíno e críticas específicas. Spam e insultos sem detalhes úteis não são publicados; palavrões e detalhes pessoais são mascarados. Os votos positivos são contados imediatamente; os votos negativos são contados após revisão.
As avaliações refletem as experiências dos usuários, não uma garantia de resultados ou uma descrição dos limites do serviço. Use os botões de avaliação acima para deixar um comentário.
