Hsl Para Hex

HEX
Última Atualização:


Hsl Para Hex

Converter cores entre diferentes representações é uma tarefa comum no desenvolvimento web e design gráfico. HSL (Matiz, Saturação, Leveza) e HEX (Hexadecimal) são duas representações de cores amplamente utilizadas. Deixe-me explicar como converter de HSL para HEX.


Representação de cores HSL:

HSL significa Matiz, Saturação e Leveza. É uma representação cilíndrica de cores de uma forma mais intuitiva para a perceção humana em comparação com RGB (Vermelho, Verde, Azul). Aqui está uma breve explicação de cada componente:

  1. Matiz (H): Representa a própria cor. É medido em graus em uma roda de cores, variando de 0° (vermelho) a 360° (vermelho novamente). Outras tonalidades são distribuídas ao redor da roda de acordo.
  2. Saturação (S): Representa a intensidade ou pureza da cor. Um valor de saturação de 0% resulta em uma cor em escala de cinza, enquanto valores mais altos resultam em cores mais vibrantes e intensas.
  3. Leveza (L): Representa o brilho da cor. Um valor de leveza de 0% resulta em preto, 100% resulta em branco e valores intermediários resultam em níveis variáveis de brilho.

Representação de cores HEX:

HEX é uma representação hexadecimal de cores comumente usadas no desenvolvimento web. Ele consiste em um hash (#) seguido por seis caracteres, onde cada par de caracteres representa a intensidade dos componentes vermelho, verde e azul da cor. Por exemplo, "#FF0000" representa vermelho puro, "#00FF00" representa verde puro e "#0000FF" representa azul puro.

Convertendo HSL para HEX:

Para converter uma cor HSL em HEX, você precisa:

  1. Converta o ângulo de matiz para seu equivalente RGB.
  2. Converta a saturação e leveza em valores RGB.
  3. Converta os valores RGB em notação hexadecimal.

Aqui está uma fórmula simplificada para executar a conversão:

Converter Hue para RGB:

    • Vamos supor que H' é a tonalidade normalizada (escalada entre 0 e 1).
    • Vermelho = HueToRGB(H' + 1/3)
    • Verde = HueToRGB(H')
    • Azul = HueToRGB(H' - 1/3)

Converta saturação e leveza para RGB:

    • Para simplificar, que L' seja a leveza normalizada entre 0 e 1.
    • Se a saturação = 0, então R, G e B serão todos L' (um tom de cinza).
    • Caso contrário, calcule a saturação ajustada:
  1. Se L' <= 0,5, ajustadoSaturação = saturação * (L' + 0,5)
  2. Se L' > 0,5, ajustadoSaturação = saturação * (1 - L')
    • Em seguida, R, G e B são calculados usando saturação ajustada e L'.

Converter RGB para HEX:

    • Converta os valores vermelho, verde e azul em seus equivalentes hexadecimais de dois dígitos.

Como isso envolve alguns cálculos matemáticos, muitas vezes é mais fácil usar bibliotecas ou funções internas disponíveis em linguagens de programação para realizar essas conversões. Muitas linguagens de programação e bibliotecas de cores fornecem funções para converter entre diferentes representações de cores.

Tabela de conversão de cores

Nome da Cor SL (Matiz, Saturação, Luminosidade) RGB (Vermelho, Verde, Azul) Código de Cor HEX Visualização da Cor
Vermelho (0°, 100%, 50%) (255, 0, 0) #FF0000  
Verde (120°, 100%, 50%) (0, 255, 0) #00FF00  
Azul (240°, 100%, 50%) (0, 0, 255) #0000FF  
Amarelo (60°, 100%, 50%) (255, 255, 0) #FFFF00  
Ciano (180°, 100%, 50%) (0, 255, 255) #00FFFF  
Magenta (300°, 100%, 50%) (255, 0, 255) #FF00FF  
Preto (0°, 0%, 0%) (0, 0, 0) #000000  
Branco (0°, 0%, 100%) (255, 255, 255) #FFFFFF  

   

#Conversor Hsl para Hex #códigos de cores hexadecimais hsl rgb #conversor de cores

We use cookies to enhance your experience on our website. The types of cookies used: Essential Cookies and Marketing Cookies. To read our cookie policy, click here.