Conversor de cor HSL para RGB

Os valores R, G, B do resultado mostram as intensidades dos canais vermelho, verde e azul numa escala de 0 a 255. Voce pode usa-los diretamente em CSS como rgb(R, G, B) ou em softwares de edicao de imagem.

Primeiro e calculado um valor de 'croma' (C) a partir da saturacao e da luminosidade. Valores temporarios de R, G, B sao atribuidos conforme o segmento de 60 graus em que o matiz se encontra, e por fim um deslocamento de luminosidade (m) e somado e o resultado e escalado para o intervalo 0-255.

• A saturacao e a luminosidade sao convertidas de porcentagem para um intervalo de 0 a 1.
• Um valor de 'croma' (C) e calculado independentemente do deslocamento de luminosidade (m).
• O segmento de 60 graus em que o valor de matiz se encontra e determinado.
• Conforme esse segmento, valores temporarios (uma combinacao de C, X, 0) sao atribuidos aos canais R, G, B.
• O deslocamento de luminosidade (m) e somado e o resultado e multiplicado por 255 para obter os valores finais R, G, B.

H=210°, S=65%, L=45% (um azul vivo) equivale a aproximadamente R=40, G=115, B=189.

• Insira o matiz (H) entre 0 e 360 graus; 360 graus corresponde a mesma cor que 0 grau (vermelho).
• Insira a saturacao e a luminosidade em porcentagem (0-100); valores decimais dao um resultado mais preciso.
• Os valores RGB resultantes podem sair em decimais; arredonde para o numero inteiro mais proximo ao usa-los na tela ou em CSS.

O modelo HSL (Matiz, Saturacao, Luminosidade) e um dos formatos que designers mais usam ao definir uma cor, porque ajustar matiz, saturacao e luminosidade de forma independente facilita a criacao de variacoes de uma cor. Porem, como as telas e a maioria dos formatos de imagem processam a cor como RGB, uma cor definida em HSL precisa ser convertida para RGB antes de poder ser exibida.

Essa conversao depende de determinar em qual segmento de 60 graus da roda cromatica o matiz (H) se encontra; a roda e dividida em seis segmentos iguais de 60 graus, e em cada um uma combinacao diferente dos canais vermelho, verde e azul se torna dominante.

A saturacao e a luminosidade determinam o quao 'amplo' (croma, C) sera o valor dos canais dentro desse segmento. Saturacao alta produz cores mais vivas, saturacao baixa produz cores mais apagadas (proximas do cinza), e a luminosidade desloca o resultado em direcao ao preto ou ao branco.

Esta ferramenta processa os valores H, S, L que voce insere seguindo as etapas de conversao padrao para produzir valores R, G, B prontos para uso. Voce pode usar os resultados na funcao rgb() do CSS, em softwares de edicao de imagem ou em qualquer outra ferramenta baseada em cor.

Converter HSL para RGB e especialmente util para desenvolvedores que precisam levar cores de marca definidas com HSL num sistema de design para ferramentas de terceiros — como editores de imagem antigos ou softwares de impressao — que esperam uma entrada RGB ou HEX.