Converter HSL para HSV
Converta matiz, saturação e luminosidade em matiz, saturação e valor (HSB) para softwares gráficos.
Entrada hsl
Resultado · HSV
hsv(342, 76%, 100%)
HEX
#FF3D77
RGB
rgb(255, 61, 119)
HSL
hsl(342, 100%, 62%)
CMYK
cmyk(0%, 76%, 53%, 0%)
Como usar: HSL para HSV
- 1
Insira uma cor
Digite um código de cor ou escolha uma cor com o seletor: cada campo aceita o formato que exibe.
- 2
Veja a conversão
O resultado é atualizado instantaneamente enquanto você digita, junto com uma pré-visualização da cor em tempo real.
- 3
Copie o código
Copie o valor de que precisa com um clique e cole-o no seu design, no seu CSS ou nas configurações de impressão.
HSL e HSV comparados
HSL e HSV começam pelo matiz, um ângulo na roda de cores, e ambos descrevem o resto da cor com duas porcentagens — mas as porcentagens significam coisas diferentes. No HSL, luminosidade 50% é a cor pura e 100% é sempre branco. No HSV, também chamado de HSB, valor 100% é a versão mais clara do matiz, e o branco é valor 100% com saturação 0%. A saturação também é calculada de outro jeito, então os números não podem simplesmente ser copiados de um para o outro.
Por isso, uma cor escrita no CSS como hsl(120, 100%, 25%) — a cor CSS Green — precisa ser digitada em um seletor de cor HSV como hsv(120, 100%, 50%). Use este conversor ao levar cores de código web para o Photoshop, Figma, Blender ou para código de processamento de imagens que trabalha em HSV. O matiz continua o mesmo; só a saturação e o terceiro valor mudam.
Tudo funciona localmente no seu navegador: suas imagens nunca são enviadas para um servidor.