Conversão de cores RGB para HSL

Insira os níveis de cor vermelho, verde e azul (0..255) e pressione o botão Converter :

Digite a cor vermelha (R):
Digite a cor verde (G):
Digite a cor azul (B):
   
Matiz (H): °  
Saturação (S): %  
Leveza (L): %  
Pré-visualização de cores:  

Conversão de HSL para RGB ►

Fórmula de conversão RGB para HSL

Os valores R , G , B são divididos por 255 para alterar o intervalo de 0..255 para 0..1:

R' = R/255

G' = G/255

B' = B/255

Cmax = max(R', G', B')

Cmin = min(R', G', B')

Δ = Cmax - Cmin

 

Cálculo de matiz:

 

Cálculo de saturação:

 

Cálculo de leveza:

L = (Cmax + Cmin) / 2

Tabela de cores RGB para HSL

Cor Cor

nome

 Hex (R,G,B) (H,S,L)
  Preto #000000 (0,0,0) (0°,0%,0%)
  Branco #FFFFFF (255.255.255) (0°,0%,100%)
  Vermelho #FF0000 (255,0,0) (0°,100%,50%)
  Lima #00FF00 (0,255,0) (120°,100%,50%)
  Azul #0000FF (0,0,255) (240°,100%,50%)
  Amarelo #FFFF00 (255,255,0) (60°,100%,50%)
  Ciano #00FFFF (0,255,255) (180°,100%,50%)
  Magenta #FF00FF (255,0,255) (300°,100%,50%)
  Prata #BFBFBF (191.191.191) (0°,0%,75%)
  Cinza #808080 (128.128.128) (0°,0%,50%)
  marrom #800000 (128,0,0) (0°,100%,25%)
  Oliva #808000 (128,128,0) (60°,100%,25%)
  Verde #008000 (0,128,0) (120°,100%,25%)
  Roxo #800080 (128,0,128) (300°,100%,25%)
  Cerceta #008080 (0,128,128) (180°,100%,25%)
  Marinha #000080 (0,0,128) (240°,100%,25%)

 

Conversão de HSL para RGB ►

 

Veja também

Recursos da ferramenta de conversão de cores RGB para HSL

  1. Converter valores RGB em valores HSL: A ferramenta permite que os usuários insiram valores RGB (vermelho, verde, azul) e os convertam nos valores HSL correspondentes (matiz, saturação, luminosidade).

  2. Converter valores HSL em valores RGB: A ferramenta também permite que os usuários insiram valores HSL e os convertam nos valores RGB correspondentes.

  3. Entrada de cor personalizada: os usuários podem inserir seus próprios valores RGB ou HSL para converter para outro formato.

  4. Seletor de cores: Algumas ferramentas de conversão de cores RGB para HSL podem incluir um recurso de seletor de cores, que permite aos usuários selecionar uma cor de uma paleta visual ou ajustar os controles deslizantes para os valores RGB ou HSL.

  5. Visualização da cor resultante: a ferramenta deve exibir uma visualização da cor resultante após a conversão, para que os usuários possam ver a aparência da cor.

  6. Conversão de várias cores: algumas ferramentas podem permitir que os usuários convertam várias cores de uma só vez, inserindo vários conjuntos de valores ou usando uma amostra ou paleta de cores.

  7. Biblioteca ou paleta de cores: algumas ferramentas podem incluir uma biblioteca ou paleta de cores predefinidas que os usuários podem selecionar ou usar como referência.

  8. Design responsivo: a ferramenta deve ser responsiva e funcionar bem em diversos dispositivos, como computadores desktop, tablets e smartphones.

  9. Visualização do espaço de cores HSL: algumas ferramentas podem incluir uma visualização do espaço de cores HSL, que pode ajudar os usuários a entender como diferentes valores HSL correspondem a cores diferentes.

  10. Opção para ajustar valores HSL como porcentagens ou graus: Algumas ferramentas podem permitir que os usuários insiram valores HSL como porcentagens ou graus, dependendo de sua preferência.

Advertising

CONVERSÃO DE CORES
°• CmtoInchesConvert.com •°