색상 설정하기 - style 태그 background-color 속성

html에서 색상을 설정하는 방법은 5가지가 있습니다.
 
1. 색상 이름으로 설정하기
red, blue, green 등과 같은 일반적인 색상 이름을 사용할 수 있습니다.

2. 16진수: #RRGGBB 
흔히 색상코드표라고 불리죠. 빨강, 초록, 파랑의 비율을 16진수로 표현합니다. 예) ##FF00DD

3. RGB: rgb(R, G, B) 형태로 빨강, 초록, 파랑의 비율을 0~255 사이의 숫자로 표현합니다. 예) rgb(255, 10, 0) 

 
 
4. RGBA: rgba(R, G, B, A) 형태로 빨강, 초록, 파랑, 투명도를 설정합니다. A 값은 0~1 사이의 숫자로, 0은 완전 투명, 1은 완전 불투명입니다. 3번 항목에서 투명도만 조절해 보았습니다. 예) rgba(255, 0, 0, 0.5) 

 
 
5. HSL: hsl(H, S, L) 형태로 색상의 색조, 채도, 명도를 설정합니다. 예) hsl(0, 100%, 30%) 

 
색상 표시하는 방법을 알아둔다면 css 디자인할 때 편리하겠죠?