HEX#3B82F6
RGBrgb(59, 130, 246)
HSLhsl(217, 91%, 60%)
Três jeitos de escrever a mesma cor
HEX e RGB são os mesmos números com outra roupa: seis dígitos hexadecimais são três bytes. HSL é outro arranjo do mesmo espaço — matiz como ângulo, saturação e luminosidade como porcentagens. Nada se perde na conversão.
HSL é o que dá para raciocinar
Para clarear uma cor em RGB você mexe em três números e torce. Em HSL você sobe o L. É por isso que design systems definem paletas em HSL e entregam em HEX.
Publicidade
Já que está aqui — garanta um bônus de corretora
Mais calculadoras
Calculadora de coeficiente de rendimento (GPA)GPA ponderado por créditosCalculadora de custo de recarga de carro elétricoCusto da recarga · autonomia ganhaCalculadora de custo de combustívelCusto de combustível da viagemCalculadora de consumo de combustívelkm/L · L/100 km · mpgCalculadora de financiamento de carroParcela · juros totaisCalculadora de data provável do partoData do parto · semanas
Perguntas frequentes
Q. Por que meu HEX tem oito dígitos?
Os dois últimos são o alfa — opacidade de 00 a FF. Este conversor trabalha com a forma opaca de seis dígitos.
Q. #FFF é igual a #FFFFFF?
É. A forma de três dígitos duplica cada um, então #FFF vira #FFFFFF e #1A2 vira #11AA22.
Q. Por que luminosidade HSL de 50% não parece cinza médio?
Porque a luminosidade do HSL é aritmética, não perceptual. Amarelo a 50% parece bem mais claro que azul a 50%. Para trabalho perceptual, olhe LCH ou OKLCH.