지정된 색상/
RGB-빨강, 녹색 및 파랑의 혼합/
HSL-색조, 채도 및 밝기의 혼합
color : 엘리먼트의 전경색 스타일 지정
//
background-color : 엘리먼트의 배경색
16진수로 지정된 색상->16진 색상 (#)로 시작하여 3자 또는 6자
빨강, 파랑 및 녹색 값 가짐!
*RGB*
ex) color: rgb(23, 45, 23);
10진수 값이고 빨 녹 파
0~255
*HSL*
ex) color: hsl(120, 60%, 70%);
색조 채도 밝기
0~360 백분율
색조-빨강(0도), 녹색(120도), 파랑(240도)
채도-색상의 강도 또는 순도
100%면 더 풍부, 0%는 회색
밝기-색상이 밝거나 어두운지
100%면 밝고, 0%는 어두움
*투명도*
ex) color: hsla(34, 100%, 50%, 0.1)
색조 채도 밝기 불투명도(alpha)
-alpha는 10진수 값이고
0이면 완전 투명, 1이면 불투명, 0.5는 반투명
1미만이면 뒤에 있는 모든 색상 혼합됨
rgb에도 rgba로 쓸 수 있다.
HSL과 RGB에만 사용가능하지만
color: transparent;
로도 쓸 수 있다!
rgba(0, 0, 0, 0) 과 동일!! (불투명도 0)