CSS - 문제 미리보기
문제 1069
medium
다음 코드에서 빈칸에 들어갈 값으로 회색을 만들려면?
```css
.gray-box {
background-color: hsl(0, ___%, 50%);
}
```
```css
.gray-box {
background-color: hsl(0, ___%, 50%);
}
```
정답: D
HSL에서 회색을 만들려면 **채도(Saturation)를 0%**로 설정해야 합니다.
채도의 의미:
• 100%: 순수한 색상 (회색 섞임 없음)
• 50%: 50% 회색이 섞인 색상
• 25%: 75% 회색이 섞인 색상
• 0%: 완전한 회색 (색상을 더 이상 볼 수 없음) ✓
채도가 0%일 때는 색상환에서의 위치(Hue)가 무엇이든 상관없이 회색이 됩니다. 명도(Lightness) 값에 따라 어두운 회색부터 밝은 회색까지 조절할 수 있습니다.
채도의 의미:
• 100%: 순수한 색상 (회색 섞임 없음)
• 50%: 50% 회색이 섞인 색상
• 25%: 75% 회색이 섞인 색상
• 0%: 완전한 회색 (색상을 더 이상 볼 수 없음) ✓
채도가 0%일 때는 색상환에서의 위치(Hue)가 무엇이든 상관없이 회색이 됩니다. 명도(Lightness) 값에 따라 어두운 회색부터 밝은 회색까지 조절할 수 있습니다.
💡 학습 팁
이 문제를 포함한 CSS 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.