헥스 코드

Hex color codes

RGB 방식 색상 코드 표기법이다. #과 뒤에 붙는 여섯 자리[1] 또는 세 자리[2]의 숫자로 색상을 표기하는 방식이다. 여섯 자리인 경우는 두 자리씩 끊어서 각각 빨간색, 초록색, 파란색의 강도를 256(=16²)단계에 걸쳐 나타낸 것이며, 각 두 자리수는 16진수이므로 00(=0₁₀)일 때 가장 어둡고 FF(=255₁₀)일 때 가장 밝다. 중간값은 80(=128₁₀)이다. 세 자리인 경우는 한 자리씩 끊어서 각 색상의 강도를 16단계씩 나타낸다.[3]

여덟 자리 또는 네 자리로도 나타낼 수 있는데, 이 경우엔 각각 뒤에 추가되는 두 자리 또는 한 자리는 알파(alpha)값, 즉 투명도를 나타낸다. 00 또는 0일 때 완전히 투명해지고, FF 또는 F일때 불투명해진다. 버전 11에서 업데이트가 중지된 Internet Explorer는 알파값을 지원하지 않는다.

하트위키에서는 색상 코드 앞에 #을 붙여야 한다. 일부 사이트에서는 간혹 #을 붙이지 않아도 헥스 코드 입력으로 인정해주지만, 하트위키에서는 색이 아니라 글자가 나오므로 꼭 이 점을 주의해야 한다.

16진수를 쓰다 보니 0~9 외에도 알파벳 A~F까지를 쓰게 되는데, 알파벳은 대문자로 입력해도 되고 소문자로 입력해도 된다.

잉크의 합성 원리와 반대되는 빛의 합성 원리(가산혼합)를 따르는 색상 표기 방식이라 할 수 있다.

R, G, B 성분이 모두 최대치(FF)이면 모든 빛을 혼합한 모습인 흰색이 나타나고, 모두 최소치(00)이면 빛이 하나도 나오지 않는 상태이므로 검은색이 나타난다.

세 성분을 모두 같은 강도로 주면 무채색을 얻을 수 있다. 검은색과 흰색도 최소/최대치로 서로 같은 강도이므로 무채색에 속하며, 중간치의 같은 강도를 주면(#808080) 회색]]이 된다.

특정 성분에만 강한 강도를 부여하면 선명한 유채색이 나타난다. 예를 들어 #FF0000이면 R값이 최고값이고 나머지는 0이므로 순수한 빨간색이 나타난다. #FFFF00이면 R값과 G값이 최고값이고 B값이 0이므로 R과 G의 합성 빛인 노란색이 나타난다.

색깔의 명암조절 원리는 다음과 같다. 순수 파란색은 #0000FF일 것이다.여기서 B 성분에만 절반의 강도를 주면 (#000080) 파랑과 검정의 중간인 남색을 얻을 수 있다. B 성분에 강도를 최대한 준 채로 다른 두 성분에도 일부의 강도를 주면(#8080FF) 파랑의 순도가 낮아지면서 연한 파랑이 얻어진다.[4]

헥스 코드로 나타낼 수 있는 색상의 수는 총 16⁶가지, 즉 1677만 7216가지이다.

다른 방식들에 비해 짧은 6자리 문자열로 색을 표현할 수 있기 때문에 주로 디지털에서[5] 많이 쓰인다. 프로그래머(특히 프론트엔드 프로그래머)들은 워낙 이 작업을 매우 많이 해서 어지간한 색들의 색상코드는 거의 다 알고 있다고 해도 과언이 아니다. 실제로 작업하다 보면 자의 반 타의 반으로 외우게 된다.

헥스 코드는 SDR(sRGB)을 염두에 둔 것으로, HDR에서는 헥스 코드가 아닌 다른 방식으로 색을 표현해야 함을 의미한다.

이 문서에 수록된 색상과 헥스 코드보다 더 많은 정보를 얻고자 한다면 다음 링크에서 확인이 가능하다.

CSS Color Module Level 3 명세를 참고해도 된다. CSS 색상명은 대소문자를 구분하지 않지만 PascalCase(띄어쓰기 없이 모든 단어의 첫 글자를 대문자로 표기)로 표기하였고, 수록 순서는 다음과 같다.

몇몇 색상은 이름이 여러 가지로 등록되어 있다. 특히 Gray/Grey가 들어간 색상은 어느 쪽을 써도 무방하다. 이는 Gray와 Grey가 다른 색으로 배정된 것이 아니라 순전히 각각 미국식 영어와 영국식 영어로 한 가지 색을 가리키는 것에서 기인한다.

CSS 초기부터 정의되어 있던 색이다. 단, 이름이 여러 가지인 색 중 grey, cyan, magenta는 CSS Color Module Level 3에서야 정의되었다.

산업통상자원부 국가기술표준원에서 2015년 6월 30일 개정한 한국산업규격(KS A 0011, 물체색의 색이름)에 따른 색이름들이다. 색이름의 검색은 2008년에 개발된 표준색 이름 팔레트 사이트에서 할 수 있으며, 아래 표의 RGB 헥스코드는 이 사이트 기준으로 서술되었다.

계통색은 모든 색을 계통적으로 분류해서 표현할 수 있도록 한 색이름을 의미하며, 관용색은 관용적인 호칭방법으로 표현한 색이름이다. 관용색은 말그대로 생활에서 쓰이는 이름이기 때문에 여러 가지 관용색이 하나의 계통색과 대응되기도 한다. 예를 들어 관용색 군청, 남색, 남보라, 남청은 모두 계통색 남색에 대응한다.

1992년에 국립현대미술관에서 「한국전통표준색명 및 색상 제 2차 시안」을 발간했으며, 이 자료에서는 전통색을 90가지로 정리했다. 국립중앙도서관 전자도서관 목록에 금색도 포함되어 있지만 정리 자료에 따라 나타내지 않기도 한다. 같은 금속이지만 은색은 포함되지 않았다. 앞의 링크 자료를 봐도 금색 부분은 금박을 스캔한 듯한 것이 있기는 하나, 색상코드(먼셀)가 표기되진 않았다.

「한국전통표준색명 및 색상 제 2차 시안」에서는 남아있는 전통 색상 명칭을 가지고 추정했는데, 오방색, 두 가지 오방색으로 배합된 색명, 한 가지 오방색이 포함된 색명, 명암을 나타내는 색명, 채도를 나타내는 색명, 기억색명, 단청색명, 기타 특수용어로서 문헌 설명을 통해서만 알 수 있는 색깔로 나누어 추정했다고 밝혔다. 이외에도 염색재료, 염색방법, 경험자의 의견, 과거의 경험 등 가능한 많은 방법을 사용했다고 밝히고 있다.

전통색을 다룬 서적으로 한국의 전통색(문은배/안그라픽스)과 한국의 전통색(이재만/일진사)이 있다.

#1 #2 #3

#C0ffee

이나

#DeadC0de

와 같이 특정 단어의 일부 문자들을 비슷해 보이는 16진 숫자들로 대체해 단어 코드를 만드는 것을 말한다. IPv6에서는 최대 32자리의 단어 코드들을 만들 수 있지만 헥스 코드에서는 16진수 3자리 혹은 6자리, ARGB까지 추가하면 4자리나 8자리의 단어 코드를 만들 수밖에 없는 제약이 있다.

자세한 내용은 위키피디아의 Hexspeak 문서 참고.