1. Hexadecimal Colors
Hex 색상 값은 모든 주요 브라우저에서 지원된다.
Hex 컬러는 #RRGGBB로 명시한다.
– RR(Red – 빨강), GG(Green – 녹색), (Blue- 파랑) 16진수 색상으로 명시한다.모든 값은 0 ~ FF 사이여야 한다.
예를 들면, #0000ff 값은 파랑색으로 렌더링 된다. 그 이유는 파란색 구성요소의 최대 값(FF)로 설정 되고 나머지는 0으로 설정 되어 있기 때문이다.
예) p{ background-color:#0000ff; }
2. RGB Colors
RGB 색상 또한 모든 주요 브라우저에서 지원이 된다.
RGB 색상 값을 사용하여 지정한다. rgb(빨강, 녹색, 파랑) 각 매개 변수(빨강, 녹색, 파랑) 색상의 강도를 정의하고 0 ~ 255또는 백분율 값(0% ~ 100%까지) 사이의 정수가 될 수 있다.
예를 들면, rgb(0, 0, 255) 값은 파란색으로 렌더링 된다. 이유는 파란 매개 변수의 최대 값(255)으로 설정되고 나머지는 0으로 설정 되어 있기 때문이다.
예) p{ background-color : rgb(0, 0, 255) }
3. RGBA Colors
RGBA 색상 값은 IE9+, FF 3+, Chrome, Safari 그리고 Opera 10+ 에서만 지원된다.
RGBA 색상 값은 알파 채널이 RGB색상 값의 확장이다. – 오브젝트의 불투명드를 지정한다.
RGBA 색상 값은 rgba{빨강, 녹색, 파랑, 알파값(투명도)}로 지정된다. 알파 매개 변수는 0.0(완전 투명)과 1.0(완전 불투명) 사이의 숫자이다.
4. HSL Colors
HSL 색상 값은 IE9+, FF, Chrome, Safari 그리고 Opera 10+ 에서만 지원된다.
HSL 색상 값은 Hue, Saturation, Lightnesss의 약어이다.
HSL 칼라 값은 hsl(색상, 채도, 밝기)로 지정한다.
Hue값은 0 ~ 359까지의 값을 사용하는데, 동그란 색상환을 360도로 나눈 셈이다. 0은 빨강, 120은 녹색, 240은 파란색이다.
Saturation(채도)와 Lightness(명도)는 0 ~ 100%으로 사용 된다.
Saturation(채도)는 0% 회색 음영을 의미하고, 100%는 풀 컬러이다.
Lightness(밝기)는 0%는 블랙, 100%는 흰색을 의미한다.
예) p { background-color:hsl(120, 65%, 75%); }
5. HSLA Colors
HSL 색상 값은 IE9+, FF 3+, Chrome, Safari 그리고 Opera 10+ 에서만 지원된다.
HSLA는 HSL 색상 값의 확장이며 RGBA와 같이 A는 알파(투명도)값이다.
예) p { background-color:hsla(120, 65%, 75%,0.3); }
Hex Value
http://www.w3schools.com/cssref/css_colorsfull.asp
Color Name
http://www.w3schools.com/cssref/css_colornames.asp
답글 남기기