[CSS] Hue, Saturation, and Lightness
안녕하세요 동기 여러분! 오늘은 색을 나타나는 또 하나의 방법 HSL에 대해 알아봅시다! HSL HSL 무슨 총 이름 같이 생겼는데 색을 나타내는 CSS의 기능입니다. Hue는 색깔, 빛깔, 색조, Saturation은 포화도, Lightness는 밝기라는 의미를 가지고 있습니다. 생김새와 정의 color: hsl(50, 70%, 30%); hsl바로 옆에 나오는 숫자가 바로 hue의 값입니다. hue는 0부터 360까지의 색을 가지고 있는데 빨강 계열은 0, 노랑 계열은 60 초록 계열은 120 파랑 계열은 240, 다시 빨강 계열은 360에 가까울수록 비슷한 색이 나옵니다. 두 번째로 나오는 퍼센트의 값이 saturation의 값입니다. saturation이 여기서는 '채도'입니다. 채도는 색의 선명..
CSS
2022. 1. 7. 11:59
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- Typescript
- CSS
- HTML 기본
- for문
- 함수
- 반복문
- css position
- 객체
- 동기코딩
- 프로그래머스
- Type
- 메서드
- 타입스크립트
- javascript
- if문
- padding
- Python
- CSS 포지션
- html
- function
- Margin
- Array
- em
- Object
- 파이썬
- html table
- 자바스크립트
- 실수
- method
- 타입 좁히기
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | |||||
| 3 | 4 | 5 | 6 | 7 | 8 | 9 |
| 10 | 11 | 12 | 13 | 14 | 15 | 16 |
| 17 | 18 | 19 | 20 | 21 | 22 | 23 |
| 24 | 25 | 26 | 27 | 28 | 29 | 30 |
글 보관함