Neste artigo
O que e a validacao de codigo 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 validacao garante consistencia.
Como funciona o validador
Analisa a entrada e verifica validade do formato e intervalos de valores.
- Detecao de formato — identifica automaticamente hex, RGB, HSL ou cor CSS nomeada
- Verificacao de intervalos — verifica que valores estao em intervalos validos
- Conversao — mostra a cor em todos os formatos equivalentes
Experimente gratuitamente — sem cadastro
Valide um codigo de cor →Referencia 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 numeros de 0-255 com alfa opcional
- HSL/HSLA — matiz, saturacao e luminosidade
Quando usar
Essencial quando valores de cor se movem entre ferramentas.
- Entrega de design — valide tokens de cor
- Configuracao de tema — verifique valores em ficheiros de config
- Conteudo de utilizadores — valide entradas de cor em formularios
FAQ
Diferenca entre hex de 3 e 6 digitos?
O codigo 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 transparencia alfa?
Alfa controla opacidade de 0 a 1. Em hex sao 2 caracteres adicionais.
Ferramentas relacionadas
Validacao CSS: o guia completo para folhas de estilo sem errosAprenda como a validacao CSS funciona e por que os navegadores ignoram erros.Ler artigo → Validacao data-hora: verificacao de formatos e logica de calendarioAprenda como a validacao de data-hora deteta erros de formato e datas impossiveis.Ler artigo → Validacao HTML: o guia completo para uma marcacao limpaAprenda como a validacao HTML funciona e por que importa para SEO e acessibilidade.Ler artigo →