Ferramentas de cores

Seletor de cor

Valida uma cor hexadecimal e apresenta a representação correspondente em HEX, RGB ou HSL.

Executar ferramenta

O seletor de cor aceita um código hexadecimal composto por três ou seis algarismos alfanuméricos, com ou sem o cardinal inicial, e converte-o para as representações padronizadas HEX, RGB e HSL. O utilizador pode optar por visualizar todas as representações em simultâneo ou selecionar apenas o formato pretendido para utilização imediata em folhas de estilos CSS, aplicações web ou ficheiros de configuração de um projeto.

Quando o utilizador introduz uma forma abreviada como #fff ou 3498db, o sistema normaliza os caracteres para a forma canónica de seis dígitos. O painel de resultados apresenta igualmente uma estimativa numérica de luminosidade calculada a partir dos canais vermelho, verde e azul. Esta estimativa não substitui a verificação formal de acessibilidade nem calcula rácios de contraste WCAG. A ferramenta foca-se na conversão técnica de valores individuais de cor, não gerando paletas completas nem esquemas cromáticos automáticos.

Instruções

  1. Introduzir uma cor hexadecimal com três ou seis algarismos.
  2. Escolher entre as três representações ou apenas HEX, RGB ou HSL.
  3. Executar a conversão e copiar a representação necessária.
  4. Verificar separadamente o contraste e a legibilidade no contexto real.

Exemplos

  • Com #000 e Três formatos, o resultado inclui #000000, rgb(0, 0, 0) e hsl(0, 0%, 0%).
  • Com 3498DB, o valor é normalizado para #3498db e convertido para rgb(52, 152, 219) e hsl(204, 70%, 53%).
  • Ao escolher apenas RGB para #3498db, a conversão devolvida é rgb(52, 152, 219) sem os campos HEX e HSL.

Perguntas frequentes

É possível introduzir um HEX de três algarismos?

Sim. O caso #000 é aceite e normalizado para o valor completo #000000.

HEX, RGB e HSL representam cores diferentes?

São representações distintas do mesmo valor de cor.

A luminosidade equivale ao contraste WCAG?

Não. É uma estimativa RGB ponderada e não mede a relação entre o conteúdo e o fundo.

O seletor cria uma paleta?

Não. Converte uma única cor e não gera paletas, harmonias ou cores complementares.

Incorporar esta ferramenta

Adicione esta ferramenta funcional da SmartPlusLab ao seu site com o código abaixo.