Cor CSS do código

Insira um valor de cor CSS (por exemplo, #ff6600 ou ff6600) e a visualização abaixo mostrará essa cor.

Insira o código de cores CSS

Uma amostra de cor aparecerá aqui

HEX

—

RGB

—

RGBA

—

HSL

—

HSLA

—

CSS input

—

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.

✓ Visualize as cores CSS antes de usá-las em folhas de estilo ou sistemas de design.

✓ Verifique HEX, RGB, RGBA, HSL e valores de cores nomeadas em um só lugar.

✓ Útil para combinar cores de marcas e depurar layouts existentes.

✓ Cole um valor de cor e veja a amostra diretamente no navegador.

✓ Use a amostra de visualização para garantir que a cor analisada corresponda ao tom pretendido.

✓ O conversor ajuda quando você copia cores entre CSS, ferramentas de design e documentação.