Conversor de HEX para HSL — Cores e Contraste
Converta um código sRGB hexadecimal de três ou seis dígitos em valores HSL e RGB.
Fórmulas e fontes atualizadas · Fontes de dados · 1Ver algoritmo, constantes e entradas padrão (JSON)
Sobre esta calculadora
Introduza uma cor sRGB hexadecimal de três ou seis dígitos, como #3B82F6. Formatos com canal alfa não são aceites porque esta página apresenta valores RGB e HSL opacos.
Exemplo resolvido
calculado com os valores padrão abaixo
Cor HEX #3B82F6 HSL hsl(217, 91%, 60%) · HSL hsl(217, 91%, 60%) · Matiz 217 ° · Saturação 91,2 % · Luminosidade 59,8 % · RGB 59, 130, 246
Método e pressupostos
L = (M + m) ÷ 2; S = Δ ÷ (1 − |2L − 1|); H → 60° × ((G−B)/Δ mod 6 (R = M) | (B−R)/Δ + 2 (G = M) | (R−G)/Δ + 4 (B = M)) R,G,B vão de 0 a 1; se Δ = 0, H = S = 0; S e L são mostrados em porcentagem. Introduza uma cor sRGB hexadecimal de três ou seis dígitos, como #3B82F6. Formatos com canal alfa não são aceites porque esta página apresenta valores RGB e HSL opacos. As fontes explicam definições e métodos; os valores adicionais devem ser conferidos com as hipóteses desta página.
Fontes de dados
As fontes explicam definições e métodos; os valores adicionais devem ser conferidos com as hipóteses desta página.
Isenção de responsabilidade
Estas calculadoras fornecem resultados gerais de conversão. O arredondamento e a precisão do valor introduzido afetam o resultado, pelo que as casas decimais apresentadas são indicativas e não exatas.
Fonte da implementação
Este registro descreve a implementação desta página, sem validação independente. As referências externas sustentam apenas a fórmula ou definição indicada; estimativas e regras próprias mantêm suas premissas.
Fórmula e variáveis
L = (M + m) ÷ 2; S = Δ ÷ (1 − |2L − 1|); H → 60° × ((G−B)/Δ mod 6 (R = M) | (B−R)/Δ + 2 (G = M) | (R−G)/Δ + 4 (B = M))
- R,G,B
- canais normalizados (0–1)
- M
- máx(R, G, B)
- m
- mín(R, G, B)
- Δ
- M − m
- H,S,L
- matiz °, saturação, luminosidade
R,G,B vão de 0 a 1; se Δ = 0, H = S = 0; S e L são mostrados em porcentagem.
Perguntas frequentes
Que formatos HEX são aceites?
Introduza uma cor sRGB hexadecimal de três ou seis dígitos, como #3B82F6. Formatos com canal alfa não são aceites porque esta página apresenta valores RGB e HSL opacos.
Quais entradas e limites se aplicam a Conversor de HEX para HSL — Cores e Contraste?
Use as unidades indicadas junto aos campos. São limites do formulário, não valores recomendados. L = (M + m) ÷ 2; S = Δ ÷ (1 − |2L − 1|); H → 60° × ((G−B)/Δ mod 6 (R = M) | (B−R)/Δ + 2 (G = M) | (R−G)/Δ + 4 (B = M)) R,G,B vão de 0 a 1; se Δ = 0, H = S = 0; S e L são mostrados em porcentagem. Introduza uma cor sRGB hexadecimal de três ou seis dígitos, como #3B82F6. Formatos com canal alfa não são aceites porque esta página apresenta valores RGB e HSL opacos. As fontes explicam definições e métodos; os valores adicionais devem ser conferidos com as hipóteses desta página.
Qual é um exemplo completo de cálculo para Cor HEX = #3B82F6?
Entradas: Cor HEX = #3B82F6. Cálculo: L = (M + m) ÷ 2; S = Δ ÷ (1 − |2L − 1|); H → 60° × ((G−B)/Δ mod 6 (R = M) | (B−R)/Δ + 2 (G = M) | (R−G)/Δ + 4 (B = M)). Resultados: HSL = hsl(217, 91%, 60%); Matiz = 217 °; Saturação = 91,2 %; Luminosidade = 59,8 %; RGB = 59, 130, 246.