[CSS] CSS의 색상 표현

CSS 색상

CSS 색상 표현 방법은 7가지가 있습니다.

• #RRGGBB
• 빨강, 초록, 파랑의 강도를 16진수 두 자리로 지정한다. 각 요소별로 256단계를 표현할 수 있으며 총 1600만 가지의 색을 사용할 수 있다.
• #RGB
• 빨강 초록, 파랑의 강도를 16진수 한 자리로 지정한다. 색상 요소별로 16단계밖에 강도를 지정할 수 없어 잘 사용되지 않는다.
• rgb(r, g, b)
• 빨강, 초록, 파랑의 강도를 0~255 범위의 정수로 지정한다.
• rgba(r, g, b, a)
• rgb값 외에 투명도를 지정하는 알파를 0~1 사이의 실수로 지정한다. 0은 투명한 색이며 1은 불투명, 0.5는 반투명이다.
• hsl(h, s, l)
• 색상, 채도, 명도로 색상을 지정한다. 채도는 0~365 사이의 각도이고 명도, 채도는 백분율이다.
• hsla(h, s, l, a)
• hsl값 외에 투명도를 지정하는 알파를 0~1 사이의 실수로 지정한다. 0은 투명한 색이며 1은 불투명, 0.5는 반투명이다.
• 색상 이름
• red, green, blue 등 미리 정의된 색상 이름을 사용한다.