[CSS] color

 

▶ color

  - 문자의 색상을 지정(요소의 색상을 바꾸는 색상이 아님에 유의).

 

 

[속성 값] 
- 색상을 지정. 색상 표현.

- 기본 값: rgb(0, 0, 0)

 

 

[색상 표현]
- 색상 이름: 브라우저에서 제공하는 색상의 이름.  예) red, blue, ...

  - 색상의 이름은 브라우저마다 다르게 표현될 수 있음.

  - 따라서 정확한 표현은 아니므로 되도록이면 색상 이름을 지정하는 것은 지양.
  - 굉장히 많은 경우 Hex 색상코드 입력.
- HEX 색상 코드: 16진수 색상(hexadecimal colors).  예) #000000
  - '0123456789abcdef'로 구성된 16진수 6자리의 조합.
  - #000000은 검정, #ffffff은 흰색.

- rgb: 빛의 삼원색(red, green, blue).

  - rgb()내에 각각 red, green, blue값을 넣음.  예) rgb(255, 255, 255)
- rgba: 빛의 삼원색 + 투명도(rgba: red, green, blue, alpha channel).

  - 예) rgb(255, 0, 0, .5)

    .5 = 0.5 = 50% 투명도를 의미.

- HSL: 색상,채도,명도.  예) hsl(120, 100%, 50%)
- HSLA: 색상,채도,명도+투명도.  예) hsl(120, 100%, 50%, .3)
 

 

※ 위 내용은 색상을 이용하는 모든 속성의 값으로 사용할 수 있음.