Algunos colores "puros":
| hsl(0, 100%, 50%) | |
| hsl(30, 100%, 50%) | |
| hsl(60, 100%, 50%) | |
| hsl(90, 100%, 50%) | |
| hsl(120, 100%, 50%) | |
| hsl(150, 100%, 50%) | |
| hsl(180, 100%, 50%) | |
| hsl(210, 100%, 50%) | |
| hsl(240, 100%, 50%) | |
| hsl(270, 100%, 50%) | |
| hsl(300, 100%, 50%) | |
| hsl(330, 100%, 50%) | |
| hsl(360, 100%, 50%) | |
Cambiando la saturación:
| hsl(0, 0%, 50%) | |
| hsl(0, 25%, 50%) | |
| hsl(0, 50%, 50%) | |
| hsl(0, 75%, 50%) | |
| hsl(0, 100%, 50%) | |
Cambiando el "brillo":
| hsl(0, 100%, 0%) | |
| hsl(0, 100%, 25%) | |
| hsl(0, 100%, 50%) | |
| hsl(0, 100%, 75%) | |
| hsl(0, 100%, 100%) | |