Swatch | Lightness | Dark mode | Light mode | CSS hsl() |
---|
| 0% | 0 | 200 | hsl(180, 50%, 0%) |
| 5% | 10 | 190 | hsl(180, 50%, 5%) |
| 10% | 20 | 180 | hsl(180, 50%, 10%) |
| 15% | 30 | 170 | hsl(180, 50%, 15%) |
| 20% | 40 | 160 | hsl(180, 50%, 20%) |
| 25% | 50 | 150 | hsl(180, 50%, 25%) |
| 30% | 60 | 140 | hsl(180, 50%, 30%) |
| 35% | 70 | 130 | hsl(180, 50%, 35%) |
| 40% | 80 | 120 | hsl(180, 50%, 40%) |
| 45% | 90 | 110 | hsl(180, 50%, 45%) |
| 50% | 100 | 100 | hsl(180, 50%, 50%) |
| 55% | 110 | 90 | hsl(180, 50%, 55%) |
| 60% | 120 | 80 | hsl(180, 50%, 60%) |
| 65% | 130 | 70 | hsl(180, 50%, 65%) |
| 70% | 140 | 60 | hsl(180, 50%, 70%) |
| 75% | 150 | 50 | hsl(180, 50%, 75%) |
| 80% | 160 | 40 | hsl(180, 50%, 80%) |
| 85% | 170 | 30 | hsl(180, 50%, 85%) |
| 90% | 180 | 20 | hsl(180, 50%, 90%) |
| 95% | 190 | 10 | hsl(180, 50%, 95%) |
| 100% | 200 | 0 | hsl(180, 50%, 100%) |