CSS - 문제 미리보기
문제 1151
medium
다음 세 코드는 모두 같은 색상의 아웃라인을 만듭니다. 빈칸에 들어갈 값은?
```css
/* 코드 A */
.element-a { outline-color: red; }
/* 코드 B */
.element-b { outline-color: #ff0000; }
/* 코드 C */
.element-c { outline-color: rgb(255, 0, 0); }
/* 코드 D */
.element-d { outline-color: hsl(0, 100%, ______);
```
정답: B
HSL 색상 모델에서 순수한 빨간색을 만들려면 Lightness(명도) 값이 **50%**여야 합니다.
HSL 색상 모델 이해:
• H (Hue): 색조, 0-360도
• S (Saturation): 채도, 0-100%
• L (Lightness): 명도, 0-100%
빨간색의 HSL 값:
```css
hsl(0, 100%, 50%)
```
• 0: 빨간색 색조 (색상환에서 0도)
• 100%: 완전한 채도 (회색 섞임 없음)
• 50%: 중간 명도 (너무 어둡지도 밝지도 않음) ✓
Lightness 값에 따른 변화:
```css
hsl(0, 100%, 0%) /* 검은색 (너무 어두움) */
hsl(0, 100%, 25%) /* 어두운 빨간색 */
hsl(0, 100%, 50%) /* 순수한 빨간색 ✓ */
hsl(0, 100%, 75%) /* 밝은 빨간색 */
hsl(0, 100%, 100%) /* 흰색 (너무 밝음) */
```
💡 학습 팁
이 문제를 포함한 CSS 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.