Ferramentas de cores

Seletor de Cores HEX

Converta códigos de cor hexadecimais em formatos RGB e HSL com cálculo numérico e análise de luminosidade.

Executar ferramenta

O seletor e conversor de cores hexadecimais permite transformar códigos de cor HEX em valores correspondentes nos formatos RGB e HSL. Se o campo for deixado em branco, a ferramenta assume o valor predefinido #ff5733. Pode introduzir códigos de três ou seis dígitos, com ou sem o cardinal inicial. Quando utiliza a notação reduzida de três caracteres, cada dígito é duplicado de forma automática para compor a sequência completa de seis caracteres antes do processamento. O painel de saída apresenta o código hexadecimal em maiúsculas e minúsculas, os formatos de texto CSS para RGB e HSL, bem como os valores numéricos individuais de cada componente de cor. Os valores de matiz, saturação e luminosidade são arredondados a números inteiros. A ferramenta calcula ainda uma classificação de luminosidade, identificando se a cor é clara com base no brilho ponderado dos canais RGB. Caso introduza um código com caracteres inválidos, o sistema apresenta um aviso específico na área de resposta.

Instruções

  1. Introduza um código hexadecimal de 3 ou 6 caracteres no campo de texto ou utilize a paleta de seleção.
  2. Mantenha o campo vazio caso pretenda analisar a cor de exemplo predefinida (#ff5733).
  3. Inicie a conversão para inspecionar os parâmetros equivalentes em RGB e HSL, juntamente com o indicador de luminosidade.

Exemplos

  • Introduzir #00ff00 para obter rgb(0, 255, 0), hsl(120, 100%, 50%) e classificação de cor clara.
  • Introduzir abc sem o cardinal para expandir para #aabbcc, obtendo rgb(170, 187, 204) e hsl(210, 25%, 73%).

Perguntas frequentes

O que acontece quando introduzo um código hexadecimal curto de 3 caracteres?

A ferramenta expande automaticamente cada caráter duplicando-o. Por exemplo, o valor f0a é convertido internamente em ff00aa antes de calcular as componentes RGB e HSL.

É obrigatório colocar o símbolo cardinal (#) antes do código?

Não. O conversor normaliza o texto, adicionando o cardinal quando está em falta ou retirando-o durante a interpretação técnica do valor.

Como é determinada a classificação de luminosidade?

A classificação avalia o brilho ponderado das componentes de cor RGB. Se o cálculo ponderado for superior a 128, a cor é considerada clara.

Incorporar esta ferramenta

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