Conversor de HSL para RGB

Como converter HSL para RGB?

HSL (Matiz, Saturação, Luminosidade) é um modelo de cor intuitivo que representa cores de forma mais próxima à percepção humana. Matiz representa o tipo de cor (0-360°), Saturação representa a intensidade da cor (0-100%), e Luminosidade representa quão clara ou escura a cor é (0-100%).

A conversão de HSL para RGB envolve calcular valores intermediários e mapeá-los para coordenadas RGB. Esta ferramenta executa a conversão automaticamente, mostrando os valores RGB resultantes e o código hexadecimal.

O que é o modelo de cor HSL?

HSL significa Matiz, Saturação e Luminosidade. É um modelo de cor cilíndrico que representa cores de forma mais intuitiva que RGB. Matiz (0-360°) representa o tipo de cor em uma roda de cores, Saturação (0-100%) representa a intensidade da cor, e Luminosidade (0-100%) representa quão clara ou escura a cor é. Com 0% de luminosidade, qualquer cor se torna preta; com 100%, qualquer cor se torna branca.

Por que usar HSL em vez de RGB?

HSL é mais intuitivo para seleção e manipulação de cores. É mais fácil criar variações de cor, sombras e tons ajustando valores de saturação e luminosidade. Muitos designers preferem HSL para criar esquemas de cores porque está mais alinhado com como humanos percebem e descrevem cores. No entanto, RGB ainda é necessário para exibição e implementação web.

Como funciona o Matiz em HSL?

Matiz é representado como um grau em uma roda de cores de 0 a 360. Vermelho está em 0° (e 360°), verde em 120° e azul em 240°. As cores entre essas matizes primárias criam um gradiente suave ao redor da roda. Ajustando o valor do matiz, você pode mudar uma cor para qualquer outra cor no espectro mantendo sua saturação e luminosidade.

Qual a diferença entre HSL e HSV?

Ambos HSL (Matiz, Saturação, Luminosidade) e HSV (Matiz, Saturação, Valor) são modelos de cor cilíndricos, mas diferem em como representam o brilho. A luminosidade do HSL vai do preto (0%) através da cor pura (50%) até o branco (100%), enquanto o valor do HSV vai do preto (0%) até a versão mais brilhante da cor (100%). HSL é frequentemente preferido para manipulação de cores por ser mais simétrico.

Conversões Comuns de HSL para RGB