HTML5 및 CSS3 기반 웹 페이지에 HSL 색상을 사용하는 방법 - 인형

HTML5 및 CSS3 웹 페이지에서 색상을 사용할 때마다 HSL 값을 지정할 수 있습니다. HSL 색상 코드는

HSLcolors 페이지에서 HSL 체계를 사용하는 방법을 보여줍니다. html body {background-color: HSL (180, 75 %, 75 %)}} h1 {color: HSL (180, 75 %, 25 %); 배경색: HSL (180, 75 %, 90 %);} p {color: HSL (0, 75 %, 25 %);}

이것은 표제입니다. HSL 체계를 사용하여 색상을 지정하려면 다음을 수행하십시오.

셀렉터를 평소와 같이 설정하십시오.

CSS에서 색상을 지정하려는 각 요소에 대해 선택기를 설정합니다.

1. 색상 규칙을 추가하십시오.

   각 선택기에 하나 또는 둘 다를 적용하십시오.

2. HSL 기능을 사용하십시오.

   HSL과 괄호는 HSL 기술을 사용하여 색상을 계산하고자 함을 나타냅니다.

3. 색조를 나타냅니다.

   맨 위에 빨간색의 컬러 휠이 있다고 상상해보십시오. 색조는 선택하려는 색의 각도 (도 단위)입니다. 색조는 0에서 360 사이의 값을 가져야합니다.

4. 채도를 결정합니다.

   채도는 백분율로 측정됩니다. 채도 0 %는 회색 음영 (흑백 사이)을 나타내지 만 채도 100 %는 회색조가없는 완전히 채도가 높은 색상입니다. 채도 값의 일부로 백분율 기호를 포함해야합니다.

5. 밝기를 지정하십시오.

   밝기도 백분율로 표시되며 0 %는 완전히 검은 색이고 100 %는 완전히 흰색입니다. 50 %의 밝기 값은 흰색과 검정색의 균형 잡힌 색상을 결정합니다. 밝기 값에는 백분율 기호도 포함되어야합니다.