Como converter uma cor HEX para RGB e HSL

Introduza uma cor HEX, com ou sem #, para consultar as suas representações RGB e HSL, os componentes numéricos e a classificação de luminosidade. Se deixar o campo vazio, é convertido o valor predefinido #ff5733.

Para que serve a conversão de HEX para RGB e HSL

Esta ferramenta serve para transformar uma cor escrita em hexadecimal nas representações RGB e HSL. É útil quando já tem um valor HEX e precisa de consultar os seus componentes numéricos ou as versões textuais correspondentes, sem fazer a conversão manualmente. A entrada é opcional: se deixar o campo sem valor, é utilizado o hexadecimal predefinido #ff5733.

O valor pode ser introduzido com o símbolo # ou sem ele. A ferramenta normaliza esse prefixo antes de analisar a cor e também trata valores HEX com três caracteres, expandindo cada carácter pela repetição correspondente. Assim, pode trabalhar com formas de entrada diferentes sem ter de preparar previamente o texto.

Como converter uma cor hexadecimal

1. Prepare a entrada. Escolha uma cor em formato hexadecimal, como #336699, ou introduza o mesmo valor sem o símbolo inicial, como 336699. Se tiver uma forma abreviada com três caracteres, pode introduzi-la nesse formato; cada carácter será repetido durante a preparação da conversão. A ferramenta foi concebida para receber uma entrada hexadecimal, não para começar com valores RGB ou HSL.

2. Preencha o campo de cor, se necessário. Escreva o valor no campo disponível e reveja os caracteres antes de iniciar a operação. Também pode deixar o campo vazio. Nesse caso, a ferramenta utiliza automaticamente #ff5733, pelo que não precisa de introduzir uma cor apenas para obter um resultado.

3. Inicie a conversão. Utilize o controlo disponível para executar a operação. Quando a análise é bem-sucedida, a resposta apresenta várias formas de consultar a mesma cor: texto hexadecimal em maiúsculas, texto hexadecimal em minúsculas, representações textuais RGB e HSL e componentes numéricos RGB e HSL.

4. Localize os dados de que precisa. Se pretende copiar um valor HEX normalizado, procure as versões de seis algarismos. Se precisa dos canais individuais, consulte os componentes numéricos RGB. Para trabalhar com matiz, saturação e luminosidade, consulte os componentes HSL ou a representação textual HSL. Os valores de matiz, saturação e luminosidade são apresentados arredondados para números inteiros.

5. Reveja uma indicação de erro, quando surgir. Certos valores que provocam um erro de valor ou de posição durante a análise podem ser devolvidos num resultado marcado como concluído, mas com uma indicação de erro. Esse estado não transforma a entrada numa conversão válida. Reveja o conteúdo hexadecimal, corrija-o e repita a operação.

Como ler o resultado e conhecer os seus limites

Depois de uma conversão bem-sucedida, compare a representação que melhor corresponde à sua tarefa. O texto hexadecimal em maiúsculas e o texto hexadecimal em minúsculas mantêm a cor em formato HEX normalizado com seis algarismos. As representações RGB e HSL permitem consultar a cor noutros modelos, enquanto os componentes numéricos mostram os valores separados desses modelos.

Os números HSL de matiz, saturação e luminosidade são arredondados para números inteiros. Por isso, o resultado não deve ser lido como uma apresentação com casas decimais desses componentes. A classificação de luminosidade é uma indicação baseada num cálculo de brilho ponderado dos componentes RGB. Só assume o valor verdadeiro quando esse cálculo é superior a 128; não representa uma escala contínua nem substitui uma avaliação visual detalhada.

Se o campo estiver vazio, interprete o resultado como a conversão do valor predefinido #ff5733, e não como a conversão de uma cor escolhida por si. Da mesma forma, uma indicação de erro num resultado marcado como concluído deve ser separada dos dados de uma conversão válida. A ferramenta analisa entradas hexadecimais; introduzir RGB ou HSL como se fossem HEX não corresponde ao formato de entrada previsto.

Uma opção de histórico pode estar disponível nos controlos, mas o seu valor predefinido é falso e não é utilizado para acrescentar histórico nem para alterar o resultado da conversão. Assim, essa opção não deve ser interpretada como uma forma de recuperar ou guardar conversões anteriores.

Exemplo prático

Uma pessoa está a preparar uma interface e precisa de consultar as representações RGB e HSL da cor hexadecimal #336699.

Introduza #336699 no campo de cor e inicie a conversão. Em seguida, confirme se o resultado apresenta as representações e os componentes previstos.

O resultado inclui texto hexadecimal em maiúsculas e minúsculas com seis algarismos, representações textuais RGB e HSL, componentes numéricos e uma classificação de luminosidade.

Limitações

• A ferramenta analisa entradas hexadecimais e não deve ser tratada como uma ferramenta de entrada RGB ou HSL. A opção de histórico não acrescenta histórico nem altera o resultado da conversão.

Erros comuns

• Uma entrada com caracteres ou posições que não possam ser analisados pode gerar uma indicação de erro num resultado marcado como concluído. Corrija o valor hexadecimal e repita a conversão; não utilize os dados desse resultado como se fossem componentes RGB ou HSL válidos.

Perguntas frequentes

Tenho de escrever o símbolo # antes da cor hexadecimal?

Não é obrigatório. Pode introduzir a cor com # ou sem esse símbolo; quando falta, o prefixo é acrescentado antes da análise e, depois, removido para o processamento.

Posso deixar o campo da cor vazio?

Sim, porque a entrada hexadecimal é opcional. Se deixar o campo vazio, a ferramenta utiliza #ff5733 como valor predefinido.

Os valores HSL aparecem arredondados?

Sim. A matiz, a saturação e a luminosidade são arredondadas para números inteiros no resultado HSL.