아래 내용 요약해줘

헥스 코드
최근 수정 시각: 2025-07-06 17:02:33
226
편집
토론
역사


분류색깔디자인
다른 뜻 아이콘  본 문서 표제어의 유래인 진법에 대한 내용은 16진법 문서를, 색깔 별 헥스 코드 목록에 대한 내용은 색/목록 문서를 참고하십시오.
default

1. 개요
2. 특징
3. Hexspeak
4. 그 외 색상 표현법
5. 기타
6. 관련 문서
6.1. 헥스 코드가 문서명인 문서
7. 둘러보기

1. 개요[편집]
Hex color codes

RGB 방식 디지털(이산) 색상 표기법이다. 문자 뒤에 여섯 자리[1] 또는 세 자리[2]의 16진법 숫자로 하나의 색상을 표기한다. 여섯 자리인 경우는 두 자리씩 끊어서 각각 빨강(red), 초록(green), 파랑(blue)의 강도를 256(=162)단계에 걸쳐 나타낸 것이며, 각 두 자릿수는 16진수이므로 00(=010)일 때 가장 어둡고 FF(=25510)일 때 가장 밝다. 중간값은 80(=12810)이다. 세 자리인 경우는 한 자리씩 끊어서 각 색상의 강도를 16단계씩 나타낸다.[3]

여덟 자리 또는 네 자리로도 나타낼 수 있는데, 이 경우엔 각각 뒤에 추가되는 두 자리 또는 한 자리는 알파(alpha) 채널, 즉 투명도를 나타낸다. 00 또는 0일 때 완전히 투명해지고, FF 또는 F일때 불투명해진다. 버전 11에서 업데이트가 중지된 Internet Explorer는 알파값을 지원하지 않는다.
2. 특징[편집]
16진수 앞의 #은 대부분 필수적이다. 간혹 #을 붙이지 않아도 헥스 코드 입력으로 인정해주는 파서도 있으나 CSS와 관련된 분야의 경우 #이 필요하다.

16진법을 쓰기 때문에 10진법의 0~9 외에 알파벳 A~F까지도 쓰게 되는데, 알파벳의 경우 대소문자를 구분하지 않는다. 즉 대문자로 입력해도 되고 소문자로 입력해도 된다.

근간은 RGB와 동일하기 때문에 잉크의 합성 원리와 반대되는 빛의 합성 원리(가산혼합)를 따른다.

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

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

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

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

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

CMYK 등 다른 표준이 보편적인 인쇄, 편집디자인 등 분야와 다르게 RGB 방식이 널리 쓰이는 웹 디자인, 그래픽 디자인, 프로그래밍 등의 분야에서 널리 사용된다.

헥스 코드는 SDR(sRGB)을 염두에 둔 것으로, HDR에서는 헥스 코드가 아닌 다른 방식으로 색을 표현해야 함을 의미한다.
3. Hexspeak[편집]
#C0ffee이나 #DeadC0de와 같이 특정 단어의 일부 문자들을 비슷해 보이는 16진 숫자들로 대체해 단어 코드를 만드는 것을 말한다. IPv6에서는 최대 32자리의 단어 코드들을 만들 수 있지만 헥스 코드에서는 16진수 3자리 혹은 6자리, ARGB까지 추가하면 4자리나 8자리의 단어 코드를 만들 수밖에 없는 제약이 있다.

자세한 내용은 위키피디아의 Hexspeak 문서 참고.
4. 그 외 색상 표현법[편집]
10진수 RGB 표현법: 위와 같이 'Red', 'Green', 'Blue'의 강도를 각각 표시하되 10진수로 풀어서 쓰는 방식. 헥스 코드 #7B2C43을 이 방식으로 나타내면 rgb(123,45,67)의 형식으로 표기할 수 있다. rgba를 써서 마지막에 투명값을 추가할 수 있는데, 이 경우 투명값은 0~1 사이를 소수점까지 이용해서 표현하거나 백분율(%)로 표기하여야 한다. 만약 투명값 45%를 쓴다면 rgba(123,45,67,0.45)나 rgba(123,45,67,45%)로 쓰면 된다.
10진수 HSV 표현법: 색도, 채도, 명도값을 이용하여 색을 표현하는 방식이다. 원통 좌표계를 이용한다. 색도는 원형이라 각도로 표기하고 채도와 명도는 백분율로 표기한다.
CMYK 표현법: 프린터 잉크 색의 합성 등에 쓰이는 방식으로, 위와 달리 성분 색의 강도가 높을수록 어두워지는 감산 혼합 방식이다. 아직 웹에서 지원하지는 않는다.
Lab 표현법: 광색역 기기들이 보급되어가는 단계라 CSS Color Module Level 4에 추가되었다. Google Chrome의 경우 111버전부터 지원. 이 버전 이후로 웹에서 sRGB 범위를 넘어가는 색상을 지정할 수 있다. 이 텍스트가 나무위키의 청록색으로 보인다면 Lab 색상지정을 지원하는 것이다.
5. 기타[편집]
특정 색상의 헥스 코드를 얻는 방법 중 하나는 색상 선택기로 원하는 색을 선택한 후, 헥스 코드로 추출 또는 복사하는 것이다.
원하는 색상의 RGB 값을 알고 있다면 rapidtables.com 등의 툴로 헥스 코드로 변환할 수 있다.
구글 검색창에서 ‘rgb R G B’ 를 검색하면 구글 기본 색상 선택기에 해당 색상이 나타나며 헥스 코드 또한 바로 보여진다. 예시: rgb 0 164 149 - Google 검색
연예 기획사에선 공식색 충돌 논란을 미리 막기 위해 CMYK, RGB, 팬톤 컬러코드와 함께 공식색을 병기하는 용도로 쓰이기도 한다. 대표적인 케이스로 청하, JBJ가 있다.
해외의 자료로는 색과사전(ency'color'pedia)을 참고하면 좋다. 영어로 이름 붙여진 색들이 많다. 삼성 블루(Samsung blue) 등의 별의 별 색까지 헥스 코드 형태로 등록되었다. 한국어판도 존재하지만 다른 언어판에 비해 이름 붙여진 색이나, 색들의 정보는 매우 적다. 심지어 한국어판보다 이름 붙여진 색의 수가 적은 언어는 인도네시아어밖에 없다. 시 그린(Sea Green)을 해록색, 스프링 그린(Spring Green)을 춘록색 등으로 현지화하는 작업이라도 필요하겠지만, 위키위키 엔진처럼 누구나 편집할 수는 없다.
나무위키에서는 텍스트 색상 등을 적용할 때 사용할 수 있다. 나무위키:문법 도움말의 텍스트 색상 부분 참고.
나무위키 스킨의 기본 색상을 헥스 코드로 나타낸 표는 나무위키:문법 도움말의 기본 헥스 코드 표 참고.
6. 관련 문서[편집]
빛의 삼원색
색/목록
6.1. 헥스 코드가 문서명인 문서[편집]
#1f1e33
#ff0000
#00ff00
#0000ff
7. 둘러보기[편집]
색
Color
                                                                                                         
[1] 8bit depth 기준
[2] 4bit depth 기준
[3] 일부 프로그램이나 브라우저는 3자리 헥스 코드를 지원하지 않을 수 있다.
[4] 보다시피 나무위키 하이퍼링크 색상은 순수 파랑이 아니다.
[5] 연보라 아니냐고 할 수 있는데, 채도가 낮아지면 색상이 왜곡되어 보이는 현상인 Abney effect로 의한 것이다.