Neste artigo
O que e a validação de código de cor?
Verifica se um valor de cor segue um formato reconhecido como hex (#FF6600), RGB, HSL ou cores CSS nomeadas.
O desenvolvimento web moderno usa multiplas notacoes de cor. A validação garante consistência.
Como funciona o validador
Analisa a entrada e verifica validade do formato e intervalos de valores.
- Deteção de formato — identifica automaticamente hex, RGB, HSL ou cor CSS nomeada
- Verificação de intervalos — verifica que valores estão em intervalos validos
- Conversão — mostra a cor em todos os formatos equivalentes
Experimente gratuitamente — sem cadastro
Valide um código de cor →Referência de formatos
O desenvolvimento web usa varias notacoes de cor.
- Hex — codigos de 3-8 caracteres com prefixo #. Formato mais comum em CSS
- RGB/RGBA — canais como números de 0-255 com alfa opcional
- HSL/HSLA — matiz, saturação e luminosidade
Quando usar
Essencial quando valores de cor se movem entre ferramentas.
- Entrega de design — valide tokens de cor
- Configuração de tema — verifique valores em ficheiros de config
- Conteudo de utilizadores — valide entradas de cor em formularios
FAQ
Diferença entre hex de 3 e 6 digitos?
O código de 3 digitos e abreviatura onde cada digito e duplicado. #F60 expande para #FF6600.
Cores CSS nomeadas sao universais?
Validas em CSS e SVG mas nem sempre noutros contextos.
Como funciona a transparência alfa?
Alfa controla opacidade de 0 a 1. Em hex sao 2 caracteres adicionais.
Ferramentas relacionadas
Validação CSS: o guia completo para folhas de estilo sem errosAprenda como a validação CSS funciona e por que os navegadores ignoram erros.Ler artigo → Validação data-hora: verificação de formatos e logica de calendarioAprenda como a validação de data-hora deteta erros de formato e datas impossiveis.Ler artigo → Validação HTML: o guia completo para uma marcação limpaAprenda como a validação HTML funciona e por que importa para SEO e acessibilidade.Ler artigo →