본문 바로가기

개발/HTML-CSS

HSL Color

HTML에서 색상을 색조, 채도 및 명도 (HSL)를 사용하여 다음과 같은 형식으로 지정가능

 

hsl(hue, saturation, lightness)

 

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

 

채도(saturation)는 백분율 값이고 0 %는 회색 음영을 의미하고 100 %는 풀 컬러. 즉 100%일 경우 회색이 색조에 섞이지 않아 색상이 완전히 순수함. 0%일 경우에는 중간 정도의 회색을 가짐. 채도가 강할수록 선명하거나 밝게 나타나타나며 약할수록 칙칙해보임

 

밝기(lightness)도 백분율이며 0 %는 검은 색, 50 %는 밝거나 어둡지 않으며 100 %는 흰색. 색조와 혼합된 검은색 또는 흰색의 상대적 정도를 측정

 

참고

jun.hansung.ac.kr/CWP/htmls/html%20hsl%20colors.html

 

HTML HSL Colors

HTML HSL Colors HSL Value HTML에서 색조, 채도 및 명도 (HSL)를 사용하여 다음과 같은 형식으로 색상을 지정할 수 있습니다.: hsl(hue, saturation, lightness) 색조는 0에서 360 사이의 색상환 각도입니다. 0은 빨간

jun.hansung.ac.kr

 

vanseodesign.com/web-design/hue-saturation-and-lightness/

 

The Fundamentals of Color: Hue, Saturation, And Lightness - Vanseo Design

If you can remember as far back as January, one of my goals for 2013 was to learn more about color and share some of what I learn with you. I’ve talked before about how I feel my skills working with color are lacking and I said at some point this year I

vanseodesign.com

 

'개발 > HTML-CSS' 카테고리의 다른 글

stroke-dasharray, stroke-dashoffset 속성  (0) 2021.01.10
Happy New Year!  (0) 2021.01.01
time 태그와 datetime 속성  (0) 2020.12.24
-webkit-line-clamp 속성 사용시 주의사항  (0) 2020.12.24
브라우저 렌더링 엔진  (0) 2020.11.27