[CSS] Color

color: <색상>

1. 16진수로 표현하는 방법

• 6자리의 16진수는 앞에서부터 두 자리씩 묶어서 #RRGGBB로 표시한다. 여기서 RR자리에는 빨간색, GG자리에는 초록색, BB자리에는 파란색의 양을 표시한다. 
• 16진수는 외운다기 보다는 이전에 설정했던 색상이 무슨색인지 파악하고 그 색상을 다른 곳에 적용하는 과정에서 복사 붙여넣기 하면서 많이 쓰인다.

color: #FF0000

 

2. hsl과 hsla로 표현하는 방법

• hsl은 hue(색상), saturation(채도), lightness(명도)의 줄임말이다. (a는 alpha로 불투명도를 줄 수 있는 값이다.)

color: hsl(0, 100%, 50%)
color: hsla(0, 100,%, 50%, 0.5)

 

3. 영문으로 표현하는 방법

해당 방법은 영문으로 red, blue, green, gray 등 영문 색상으로 표기한다.

 

4. rgb와 rgba로 표현하는 방법

• red, green, blue를 0~255까지의 숫자중 각각의 양을 지정해서 색을 나타낸다. (a는 alpha로 불투명도를 줄 수 있는 값이다.)

color: rgb(0, 255, 124)
color: rgba(0, 255, 124, 0.5)