웹 색상

웹 색상(web colors)은 월드 와이드 웹에서 웹 페이지 표시에 사용되는 색이다. 웹 사이트를 만들 때, 여러 방법으로 색을 지정할 수 있다.

십육진법 표기 
웹에서 십육진수쌍으로 색을 표현하는 방법은 RGB 가산혼합에 의한 것이다. 적(red), 녹(green), 청(blue)에 해당하는 두 자리 십육진수 세 쌍으로 색깔을 나타낼 수 있다. 한 채널에 1바이트가 할당되므로 모두 3바이트의 정보로 색을 표현한다. 웹에서 색을 지정할 때에는 특수기호 #과 3쌍의 두자리 십육진수를 연속하여 사용한다.

 표기형식

 표기 예

 표현 범위
 두자리의 십육진수가 표현할 수 있는 범위는 00부터 FF까지(십진수 0에서 255까지)이다. (십육진법 참조) 즉, 하나의 채널은 256 가지의 색을 표현할 수 있다.
 웹 색상의 십육진법 표기는 각 채널 당 256개의 색을 표현하므로 3채널 모두를 사용하여 나타낼 수 있는 색상은 16,777,216가지(2563)가 된다.

 이름 참조
 십육진법에 의한 웹 색상표기 중에서 자주 쓰이는 것은 특별히 이름을 붙여 두었다. 아래의 설명과 같이 이름이 있는 색은 십육진법에 의한 표현 대신 이름으로 표현할 수 있다.

웹 안전 색상 

 호환성을 위해 16,777,216가지나 되는 색의 가짓수를 대폭 줄여서 표준으로 설정한 색을 말한다. 웹 안전 색상의 색 값은 모두 51의 배수로 이루어져 있다. (이는 최댓값인 255를 5로 나눈 것이다.) 각각 0, 51, 102, 153, 204, 255의 6단계로 이루어져 있으며 (00, 33, 66, 99, CC, FF) 표현 가능한 가짓수는 모두 216가지(63)이다.

밑의 색상표는 기존 RGB의 6글자를 3글자로 줄인 것이다. 예로, 609번은 RGB코드의 660099번과 일치한다. 또한, 22개의 "가장 안전한" 웹 색상은 밑줄 표시가 되어 있다.

HTML 색 이름 

HTML 4.01 표준에는 16가지 색깔 이름이 정의되어 있다.

X11 색 이름 

넷스케이프나 인터넷 익스플로러 같은 브라우저에는 별도로 여러 색상들이 정의되었으며, 특정한 브라우저에서는 이런 색상을 인식하지 못할 수도 있다. 이들 색상 중 다수가 X 윈도 시스템에서 분류된 X11 색 이름에서 가져온 것이다. CSS를 지원하는 대부분의 HTML 사용자 에이전트가 이 색상들을 지원한다.

아래는 X11 색 이름과 각각에 해당하는 16진수 코드의 목록이다.

CSS 색상 
CSS 언어에서는 HTML 4.01에 정의된 색상 이름을 다시 정의하고 있다. CSS 2.1에서는 여기에 "오렌지 색"을 추가로 정의했다.

CSS 색상은 일반적으로 # 기호와 6자리 문자로 조합된다. 이 6자리 뒤에 2자리 값을 추가할 수 있는데 이 값은 알파 값으로 투명도 값이다.

그래서 # 기호를 제외한 8자리는 PNG 이미지와 같이 투명도 값이 포함된다.

CSS 색상을 손 쉽게 찾을 수 있거나 변환하는 서비스도 있다. 예를 들면 Hex, CMYK, RGBA, HSLA, HSVA 값으로 변환이 가능하다.

CSS 또는 HTML 색상 코드표를 어렵게 찾을 필요없이 온라인 색상 변환 도구를 이용할 수도 있다.

색
웹 디자인