Convertir RGB a HSL
Escribe un valor RGB y obtén HSL al momento. Todo se calcula en tu navegador: nada se envía a un servidor.
HOW
Cómo se calcula
Normaliza los tres canales a 0–1 y halla el máximo y el mínimo. La luminosidad es (máx+mín)/2, la saturación es su diferencia ajustada por la luminosidad y el tono depende de qué canal sea mayor.
EXAMPLES
Ejemplos de RGB a HSL
| Color | RGB | HSL |
|---|---|---|
| Red | rgb(255, 0, 0) |
hsl(0, 100%, 50%) |
| Tomato | rgb(255, 99, 71) |
hsl(9, 100%, 64%) |
| Orange | rgb(255, 165, 0) |
hsl(39, 100%, 50%) |
| Gold | rgb(255, 215, 0) |
hsl(51, 100%, 50%) |
| Limegreen | rgb(50, 205, 50) |
hsl(120, 61%, 50%) |
| Teal | rgb(0, 128, 128) |
hsl(180, 100%, 25%) |
| Dodgerblue | rgb(30, 144, 255) |
hsl(210, 100%, 56%) |
| Royalblue | rgb(65, 105, 225) |
hsl(225, 73%, 57%) |
| Blueviolet | rgb(138, 43, 226) |
hsl(271, 76%, 53%) |
| Hotpink | rgb(255, 105, 180) |
hsl(330, 100%, 71%) |
MORE