색상이 적색, 녹색 및 청색 광을 합성 표시된다.
색 이름
CSS로, 색상은 색상 이름을 사용하여 설정할 수 있습니다 :
CSS 색상 값
CSS로, 색상은 다른 방법으로 지정할 수 있습니다 :
- 색 이름으로
- RGB 값으로
- 16 진수 값으로서
- HSL 값으로 (CSS3)
- HWB 값 (CSS4)로
RGB 색상
RGB 색상 값은 모든 브라우저에서 지원됩니다.
RGB (적색, 녹색, 청색)의 RGB 컬러 값으로 지정된다.
(적색, 녹색, 청색) 각각의 매개 변수는 0과 255 사이의 정수로 색의 강도를 정의합니다.
청색 파라미터의 최대 값 (255)으로 설정하고, 나머지는 0으로 설정되어 있기 때문에 예를 들어, RGB (0, 0, 255)는 청색으로 렌더링된다.
회색의 음영은 종종 모든 3 광원에 대한 동일한 값을 사용하여 정의됩니다 :
진수 색상
16 진수 색상 값은 모든 브라우저에서 지원됩니다.
16 진수 색상으로 지정됩니다 #RRGGBB.
RR (적색), GG (녹색) 및 BB (청색) 색의 휘도를 지정하는 00 진수 FF 사이의 정수이다.
청색 성분은 가장 높은 값 (FF)으로 설정되고, 나머지는 00로 설정되어 있기 때문에 예를 들어, #의 0000FF가 청색으로 표시된다.
예
Color
HEX
RGB
Color
#FF0000
rgb(255,0,0)
Red
#00FF00
rgb(0,255,0)
Green
#0000FF
rgb(0,0,255)
Blue
»그것을 자신을 시도 회색의 음영은 종종 모든 3 광원에 대한 동일한 값을 사용하여 정의됩니다 :
예
Color
HEX
RGB
Color
#000000
rgb(0,0,0)
Black
#808080
rgb(128,128,128)
Gray
#FFFFFF
rgb(255,255,255)
White
»그것을 자신을 시도 대문자 또는 소문자?
당신은 16 진수 값을 지정하는 대문자 또는 소문자를 사용할 수 있습니다.
소문자는 작성하기 쉽다. 위의 경우는 쉽게 읽을 수 있습니다. |
색 이름
CSS는 140 표준 색 이름을 지원합니다.
다음 장에서는 16 진수 값으로 색 이름의 전체 순 목록을 찾을 수 있습니다 :
Color Name | Hex | Color |
---|---|---|
AliceBlue | #F0F8FF | |
AntiqueWhite | #FAEBD7 | |
Aqua | #00FFFF | |
Aquamarine | #7FFFD4 | |
Azure | #F0FFFF | |
Beige | #F5F5DC | |
Bisque | #FFE4C4 |