헥스 색상 코드

헥스 색상 코드는 HEX라고도 하며 디지털 색을 표시하는 코드 중 하나이다. 디자인 경험이 있는 사람이라면 #FFFFFF와 같은 코드를 본 적이 있을텐데, 흰색을 나타내는 헥스 색상 코드이다. 헥스 색상 코드는 #뒤에 6자리를 붙여 표시한다.

이름의 헥스에서 알 수 있듯이 16진법을 이용한다. 16진법을 이용하면 코드만 보고 대충 어떤 색일지 유추할 수 있다.

6자리 중 첫 번째 두 자리는 빨간색의 정도, 가운데 두 자리가 초록색의 정도, 마지막 두 자리가 파란색의 정도를 나타낸다.

예를 들어 #XYZMNL이라는 헥스 코드가 있다고 하자. 이를 RGB로 바꿀 수 있다.

우선 XY를 이용해 빨간색의 정도를 계산한다: $({\text{X}}\times 16^{1})+({\text{Y}}\times 16^{0})$

ZM, NL을 이용해 초록색과 파란색을 각각 계산한다.

$({\text{Z}}\times 16^{1})+({\text{M}}\times 16^{0})$

$({\text{N}}\times 16^{1})+({\text{L}}\times 16^{0})$

빨간색과 파란색은 높은데 초록색은 낮다면 보라색 계열로 유추할 수 있다. 또한 전체적으로 수치가 커질 수록 밝고 연한 색상이 나타난다.

아래 사이트에서 헥스 색상 코드만 보고 색을 유추하는 퀴즈를 풀어볼 수 있다. 개발은 Andrew Yang. http://yizzle.com/whatthehex/?n=2