Hex Para Hsl

Representação HSL
Última Atualização:


Hex Para Hsl

A conversão de uma cor de hexadecimal (hex) para HSL (matiz, saturação, leveza) envolve várias etapas. Primeiro você precisa converter a cor hexadecimal para um valor RGB. Em seguida, você pode converter os valores RGB em HSL. Aqui está um guia passo-a-passo:

 

Passo 1: Converter Hex para RGB

Para converter uma cor hexadecimal de 6 dígitos (por exemplo, #RRGGBB) em um  valor RGB, divida o código hexadecimal em três pares de dois caracteres cada para vermelho (RR), verde (GG) e azul (BB).  Em seguida, converta cada par de hexadecimal para decimal.

Por exemplo, se você tiver a cor hexadecimal #336699:

R: 33 (hex) = 3 * 16 + 3 = 51 (decimal)

G: 66 (hex) = 6 * 16 + 6 = 102 (decimal)

B: 99 (hex) = 9 * 16 + 9 = 153 (decimal)

Assim, os valores RGB para #336699 são: R=51, G=102, B=153.

 

Etapa 2: Normalizar valores RGB

Normalize os valores RGB para que estejam no intervalo de 0 a 1 dividindo cada valor por 255 (o valor máximo para um canal de cores de 8 bits).

R_norm = 51 / 255 ≈ 0,2

G_norm = 102 / 255 ≈ 0,4

B_norm = 153 / 255 ≈ 0,6

 

Etapa 3: Encontrar os valores mínimos e máximos normalizados de RGB

Encontre os valores mínimo (min_RGB) e máximo (max_RGB) entre os valores normalizados de R, G e B.

min_RGB ≈ 0,2 (neste caso, R_norm é o menor)

max_RGB ≈ 0,6 (neste caso, B_norm é o maior)

 

Passo 4: Calcular a tonalidade (H)

O valor de matiz (H) representa a própria cor e é calculado com base nas proporções relativas dos canais RGB. É expresso como um ângulo em graus (0° a 360°). A fórmula para calcular H é:

 

H = 60 * ( (G_norm - B_norm) / (max_RGB - min_RGB) ) mod 360

 

Neste caso, H ≈ 60 * ((0,4 - 0,2) / (0,6 - 0,2)) ≈ 60 * (0,2 / 0,4) ≈ 60 * 0,5 ≈ 30°

 

Passo 5: Calcular a leveza (L)

O valor de luminosidade (L) representa o brilho da cor e é calculado como a média dos max_RGB e min_RGB:

L = (max_RGB + min_RGB) / 2 ≈ (0,6 + 0,2) / 2 ≈ 0,4

 

Passo 6: Calcular a(s) saturação(ões)

O valor de Saturação (S) representa a intensidade da cor e é calculado com base na leveza e nos valores RGB máximo e mínimo:

S = (max_RGB - min_RGB) / (1 - |2 * L - 1|)

S = (0,6 - 0,2) / (1 - |2 * 0,4 - 1|) ≈ 0,4 / 0,2 ≈ 2

 

Passo 7: Ajustar Matiz (opcional)

Às vezes, a tonalidade calculada pode ser negativa ou superior a 360°. Se for esse o caso, ajuste a tonalidade da seguinte forma:

Se H < 0, então H = H + 360°

Se H > 360°, então H = H - 360°

Neste caso, H = 30° (sem necessidade de ajuste)

Assim, a representação HSL da cor #336699 é aproximadamente: H=30°, S=2, L=0,4. Note-se que os valores de HSL são frequentemente expressos com H como um ângulo e S e L como porcentagens, de modo que a representação final pode ser dada como HSL (30°, 200%, 40%).

Hsl Para HEX

#Hex para Hsl #Hex #Hsl #conversor

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.