다음 HSL 값들을 밝기 순으로 올바르게 나열한 것은? ```css A: hsl(0, 10... | CSS

CSS - 문제 미리보기

문제 1071

hard

다음 HSL 값들을 밝기 순으로 올바르게 나열한 것은? ```css A: hsl(0, 100%, 25%) B: hsl(0, 100%, 75%) C: hsl(0, 100%, 0%) D: hsl(0, 100%, 100%) ```

A. C → A → B → D (어두운 순)

B. D → B → A → C (밝은 순)

C. A → B → C → D

D. C → B → A → D

정답: B

HSL에서 밝기는 Lightness 값으로 결정됩니다. Hue와 Saturation이 같다면 Lightness만으로 밝기를 비교할 수 있습니다. 각 값의 의미: • C: hsl(0, 100%, 0%) - 0% 밝기 = 검은색 (가장 어두움) • A: hsl(0, 100%, 25%) - 25% 밝기 = 어두운 빨간색 • B: hsl(0, 100%, 75%) - 75% 밝기 = 밝은 빨간색 • D: hsl(0, 100%, 100%) - 100% 밝기 = 흰색 (가장 밝음) 밝기 순서 (밝은 순): D(100%) → B(75%) → A(25%) → C(0%) Lightness 0%는 어떤 색상이든 검은색이 되고, 100%는 흰색이 됩니다. 50%일 때 해당 색상의 표준적인 밝기가 됩니다.

💡 학습 팁

이 문제를 포함한 CSS 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.