HTML HSL Colors

---

HSL Value

HTML에서 색조, 채도 및 명도 (HSL)를 사용하여 다음과 같은 형식으로 색상을 지정할 수 있습니다.:

hsl(hue, saturation, lightness)

색조는 0에서 360 사이의 색상환 각도입니다. 0은 빨간색, 120은 녹색, 240은 파란색입니다.

채도는 백분율 값이고 0 %는 회색 음영을 의미하고 100 %는 풀 컬러입니다.

밝기도 백분율이며 0 %는 검은 색, 50 %는 밝거나 어둡지 않으며 100 %는 흰색입니다.

아래 HSL 값을 혼합하여 실험하십시오:

---

채도(Saturation)

채도는 색상의 강도로 설명 할 수 있습니다.

100 %는 순수한 색상이며 회색 음영이 없습니다.

50 %는 50 % 회색이지만 여전히 색상을 볼 수 있습니다.

0 %는 완전히 회색이며 더 이상 색상을 볼 수 없습니다.

---

명도(Lightness)

색상의 명도는 색상을 제공하려는 빛의 양으로 설명 할 수 있습니다. 0 %는 빛이 없음 (검정), 50 %는 50 % 빛 (어두움도 밝지 않음) 100 %는 완전 밝기 (흰색)를 의미합니다..

---

회색 음영은 종종 색조와 채도를 0으로 설정하고 밝기를 0 %에서 100 %로 조정하여 더 어둡고 밝은 음영을 얻습니다.:

---

HSLA Value

HSLA 색상 값은 색상의 불투명도를 지정하는 알파 채널을 사용한 HSL 색상 값의 확장입니다.

HSLA 색상 값은 다음과 같이 명시됩니다:

hsla(hue, saturation, lightness, alpha)

alpha 매개 변수는 0.0 (완전 투명)과 1.0 (완전 불투명) 사이의 숫자입니다.

아래 HSLA 값을 혼합하여 실험 하십시오: