HEX ↔ HSL

Converta cores entre HEX e HSL para ajustar luminosidade e saturação em CSS.

Cor

Saída

Ferramentas Sugeridas

Seletor de Cores
Escolha uma cor visualmente e copie HEX, RGB ou HSL para CSS e design.
HEX ↔ RGB
Converta cores entre HEX e RGB para CSS, canvas e handoff de design.
HEX ↔ HSV
Converta cores entre HEX e HSV para edição por matiz e tools gráficas.

HEX ↔ HSL mapeia #hex ↔ hsl() para afinar o tom e manter HEX quando a tool o exige.

Cole HEX ou HSL, execute e copie o valor convertido.

Ativa o JavaScript.