Hsl Para Rgb

R
G
B
R, G, B
Última Atualização:


Hsl Para Rgb

HSL (Matiz, Saturação, Leveza) e RGB (Vermelho, Verde, Azul) são dois modelos de cores diferentes usados para representar cores em imagens digitais e computação gráfica. O HSL é frequentemente considerado mais intuitivo para a perceção humana e manipulação de cores, enquanto o RGB está intimamente ligado à forma como as cores são exibidas em telas eletrônicas.

HSL (Matiz, Saturação, Leveza):

  • Matiz: Representa a cor real, como vermelho, azul, verde, etc. É representado como um ângulo em uma roda de cores, variando de 0° a 360°. O vermelho está tipicamente localizado a 0°, o verde a 120° e o azul a 240°.
  • Saturação: Mede a intensidade ou pureza de uma cor. Um valor de saturação de 100% significa que a cor está totalmente saturada e vibrante, enquanto um valor de 0% resulta em uma cor em escala de cinza (sem cor).
  • Leveza: Representa o brilho da cor. Um valor de leveza de 0% é completamente preto, 100% é completamente branco e 50% é a cor original com brilho normal.

A conversão de HSL para RGB envolve várias operações matemáticas. Depois de ter os valores de matiz, saturação e leveza, você pode usar as seguintes fórmulas para calcular os valores RGB correspondentes:

  1. Normalizar a tonalidade: converta o ângulo de tonalidade de graus para um valor entre 0 e 1.
  2. Calcular chroma: Chroma representa a saturação da cor sem considerar a leveza. É calculado multiplicando a saturação pelo mínimo de (1 - |2 * leveza - 1|) e 1.
  3. Calcular valores temporários: Esses valores temporários ajudam no cálculo de componentes intermediários da cor RGB.
    • X = cromo * (1 - |( tonalidade / 60) % 2 - 1|)  (utilizado para cálculos intermédios)
    • m = leveza - chroma / 2
  4. Calcular componentes RGB:
    • Se 0° <= matiz < 60°: RGB = (chroma + m, X + m, m)
    • Se 60° <= matiz < 120°: RGB = (X + m, chroma + m, m)
    • Se 120° <= matiz < 180°: RGB = (m, chroma + m, X + m)
    • Se 180° <= matiz < 240°: RGB = (m, X + m, chroma + m)
    • Se 240° <= matiz < 300°: RGB = (X + m, m, chroma + m)
    • Se 300° <= matiz < 360°: RGB = (chroma + m, m, X + m)
  5. Normalizar valores RGB: verifique se os valores R, G e B calculados estão entre 0 e 1. Se necessário, você pode multiplicá-los por 255 para obter os valores de cor padrão de 8 bits.

Lembre-se que estas fórmulas assumem que o valor da tonalidade é dado em graus e os valores de saturação e leveza estão entre 0 e 1.

A conversão de HSL para RGB e vice-versa pode ser um pouco complexa, portanto, usar bibliotecas ou ferramentas que fornecem funções integradas para conversões de espaço de cores pode facilitar o processo.

Tabela de Cores

Nome da Cor HSL (H, S, L) RGB (R, G, B) Visualização da Cor
Vermelho (0, 1, 0.5) (255, 0, 0)  
Verde (120, 1, 0.5) (0, 255, 0)  
Azul (240, 1, 0.5) (0, 0, 255)  
Amarelo (60, 1, 0.5) (255, 255, 0)  
Turquesa (180, 1, 0.5) (0, 255, 255)  
Lavanda (300, 1, 0.5) (255, 0, 255)  
Preto (0, 0, 0) (0, 0, 0)  
Branco (0, 0, 1) (255, 255, 255)  
Preto Saturado (0, 1, 0) (0, 0, 0)  
Vermelho Saturado (0, 1, 1) (255, 0, 0)  
Verde Pálido (120, 1, 0.25) (64, 128, 64)  
Lilás Pastel (240, 0.5, 0.75) (128, 64, 128)  

#HSL para RGB #conversor HSL #conversor de cor

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.