최근 수정 시각 : 2019-03-16 20:48:43

헥스 코드

파일:나무위키+넘겨주기.png   관련 문서:
파일:Semi_protect1.png   로그인 후 편집 가능한 문서입니다.

1. 개요2. 색상 확인 방법3. 나무위키에서의 색상 관련 문법4. 색상 목록
4.1. CSS 색상4.2. 전통색
4.2.1. 대한민국4.2.2. 일본
4.3. 색으로 불리지만 색이 아닌 것

1. 개요

파일:default.gif

헥스 코드는 색깔을 #과 뒤에 붙는 여섯 자리의 16진수로 나타낸 것이다. 헥스 코드로 나타낼 수 있는 색상의 수는 총 166=16,777,216가지이다. 숫자는 두 자리씩 끊어서 각각 'R', 'G', 'B'를 나타내며, 16진수로 표현되어 00(=010)일 때 가장 어둡고 FF(=25510)일 때 가장 밝다. 즉 엄밀히 말하면 이 아니고 이다. 색상 코드 앞엔 반드시 #을 붙여야 하지만, 대체로 붙이지 않으면 자동으로 붙여 주는 경우가 많다.
예를 들어 #FF0000이면 R값이 최고값이고 나머지는 0이므로 순수한 빨간색이 나타난다. #FFFF00이면 R값과 G값이 최고값이고 B값이 0이므로 R과 G의 합성 빛인 노란색이 나타난다.

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

최근 연예 기획사에서도 공식색 충돌 논란을 미리 막기 위해 CMYK, RGB, 팬톤 컬러코드와 함께 공식색을 병기하는 용도로 쓰인다. 대표적인 케이스가 청하, JBJ.

2. 색상 확인 방법

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

3. 나무위키에서의 색상 관련 문법

파일:나무위키상세내용.png   자세한 내용은 나무위키:문법 도움말 문서의 해당 부분을 참고하십시오.
나무위키에서 글자 색을 적용하려면 {{{#(헥스 코드 또는 CSS 색상명) 글씨}}} 문법을 사용한다(괄호는 생략). CSS 색상명의 경우 띄어쓰기 없이 작성해야 한다.

참고로 나무위키의 글자 기본 색의 헥스 코드는 (밝은 화면 기준) #373A3C이다. 또 하이퍼링크의 기본 색의 헥스 코드는 밝은 화면일 때 #0275D8, 어두운 화면일 때 #CA8817이다.

4. 색상 목록

4.1. CSS 색상

CSS Color Module Level 3 명세를 참고해도 된다. CSS 색상명은 대소문자를 구분하지 않지만 PascalCase(띄어쓰기 없이 모든 단어의 첫 글자를 대문자로 표기)로 표기하였고, 수록 순서는 다음과 같다.
  • 무채색 → 유채색
  • 무채색은 어두운 색을 먼저 수록한다.
  • 유채색은 HSV 색 공간에서 색상(hue)값이 작은 순서, 색상값이 같다면 명도(value)가 큰 순서로 수록한다.

몇몇 색상은 이름이 여러 가지로 등록되어 있다. 특히 Gray/Grey가 들어간 색상은 어느 쪽을 써도 무방하다.

4.1.1. 기본 색

CSS 초기부터 정의되어 있던 색이다. 단, 이름이 여러 가지인 색 중 grey, cyan, magenta는 CSS Color Module Level 3에서야 정의되었다.
CSS 색상명 헥스 코드
#RRGGBB
10진 코드
(R,G,B)
Black #000000 (0,0,0)
Gray = Grey #808080 (128,128,128)
Silver #C0C0C0 (192,192,192)
White #FFFFFF (255,255,255)
Red #FF0000 (255,0,0)
Maroon #800000 (128,0,0)
Yellow #FFFF00 (255,255,0)
Olive #808000 (128,128,0)
Lime #00FF00 (0,255,0)
Green #008000 (0,128,0)
Aqua = Cyan #00FFFF (0,255,255)
Teal #008080 (0,128,128)
Blue #0000FF (0,0,255)
Navy #000080 (0,0,128)
Fuchsia = Magenta #FF00FF (255,0,255)
Purple #800080 (128,0,128)

4.1.2. 무채색

CSS 색상명 헥스 코드
#RRGGBB
10진 코드
(R,G,B)
DimGray = DimGrey #696969 (105,105,105)
DarkGray = DarkGrey #A9A9A9 (169,169,169)
LightGray = LightGrey #D3D3D3 (211,211,211)
Gainsboro #DCDCDC (220,220,220)
WhiteSmoke #F5F5F5 (245,245,245)

4.1.3. 유채색

CSS 색상명 헥스 코드
#RRGGBB
10진 코드
(R,G,B)
Brown #A52A2A (165,42,42)
DarkRed #8B0000 (139,0,0)
FireBrick #B22222 (178,34,34)
IndianRed #CD5C5C (205,92,92)
LightCoral #F08080 (240,128,128)
RosyBrown #BC8F8F (188,143,143)
Snow #FFFAFA (255,250,250)
MistyRose #FFE4E1 (255,228,225)
Salmon #FA8072 (250,128,114)
Tomato #FF6347 (255,99,71)
DarkSalmon #E9967A (233,150,122)
Coral #FF7F50 (255,127,80)
OrangeRed #FF4500 (255,69,0)
LightSalmon #FFA07A (255,160,122)
Sienna #A0522D (160,82,45)
Seashell #FFF5EE (255,245,238)
Chocolate #D2691E (210,105,30)
SaddleBrown #8B4513 (139,69,19)
SandyBrown #F4A460 (244,164,96)
PeachPuff #FFDAB9 (255,218,185)
Peru #CD853F (205,133,63)
Linen #FAF0E6 (250,240,230)
Bisque #FFE4C4 (255,228,196)
DarkOrange #FF8C00 (255,140,0)
BurlyWood #DEB887 (222,184,135)
AntiqueWhite #FAEBD7 (250,235,215)
Tan #D2B48C (210,180,140)
NavajoWhite #FFDEAD (255,222,173)
BlanchedAlmond #FFEBCD (255,235,205)
PapayaWhip #FFEFD5 (255,239,213)
Moccasin #FFE4B5 (255,228,181)
Orange #FFA500 (255,165,0)
Wheat #F5DEB3 (245,222,179)
OldLace #FDF5E6 (253,245,230)
FloralWhite #FFFAF0 (255,250,240)
DarkGoldenRod #B8860B (184,134,11)
GoldenRod #DAA520 (218,165,32)
CornSilk #FFF8DC (255,248,220)
Gold #FFD700 (255,215,0)
Khaki #F0E68C (240,230,140)
LemonChiffon #FFFACD (255,250,205)
PaleGoldenRod #EEE8AA (238,232,170)
DarkKhaki #BDB76B (189,183,107)
Beige #F5F5DC (245,245,220)
Ivory #FFFFF0 (255,255,240)
LightGoldenRodYellow #FAFAD2 (250,250,210)
LightYellow #FFFFE0 (255,255,224)
OliveDrab #6B8E23 (107,142,35)
YellowGreen #9ACD32 (154,205,50)
DarkOliveGreen #556B2F (85,107,47)
GreenYellow #ADFF2F (173,255,47)
Chartreuse #7FFF00 (127,255,0)
LawnGreen #7CFC00 (124,252,0)
DarkGreen #006400 (0,100,0)
DarkSeaGreen #8FBC8F (143,188,143)
ForestGreen #228B22 (34,139,34)
HoneyDew #F0FFF0 (240,255,240)
LightGreen #90EE90 (144,238,144)
LimeGreen #32CD32 (50,205,50)
PaleGreen #98FB98 (152,251,152)
SeaGreen #2E8B57 (46,139,87)
MediumSeaGreen #3CB371 (60,179,113)
SpringGreen #00FF7F (0,255,127)
MintCream #F5FFFA (245,255,250)
MediumSpringGreen #00FA9A (0,250,154)
MediumAquaMarine #66CDAA (102,205,170)
Aquamarine #7FFFD4 (127,255,212)
Turquoise #40E0D0 (64,224,208)
LightSeaGreen #20B2AA (32,178,170)
MediumTurquoise #48D1CC (72,209,204)
Azure #F0FFFF (240,255,255)
DarkCyan #008B8B (0,139,139)
DarkSlateGray = DarkSlateGrey #2F4F4F (47,79,79)
LightCyan #E0FFFF (224,255,255)
PaleTurquoise #AFEEEE (175,238,238)
DarkTurquoise #00CED1 (0,206,209)
CadetBlue #5F9EA0 (95,158,160)
PowderBlue #B0E0E6 (176,224,230)
LightBlue #ADD8E6 (173,216,230)
DeepSkyBlue #00BFFF (0,191,255)
SkyBlue #87CEEB (135,206,235)
LightSkyBlue #87CEFA (135,206,250)
SteelBlue #4682B4 (70,130,180)
AliceBlue #F0F8FF (240,248,255)
DodgerBlue[2] #1E90FF (30,144,255)
LightSlateGray = LightSlateGrey #778899 (119,136,153)
SlateGray = SlateGrey #708090 (112,128,144)
LightSteelBlue #B0C4DE (176,196,222)
CornFlowerBlue #6495ED (100,149,237)
RoyalBlue #4169E1 (65,105,225)
DarkBlue #00008B (0,0,139)
GhostWhite #F8F8FF (248,248,255)
Lavender #E6E6FA (230,230,250)
MediumBlue #0000CD (0,0,205)
MidnightBlue #191970 (25,25,112)
SlateBlue #6A5ACD (106,90,205)
DarkSlateBlue #483D8B (72,61,139)
MediumSlateBlue #7B68EE (123,104,238)
MediumPurple #9370DB (147,112,219)
RebeccaPurple[3] #663399 (102,51,153)
BlueViolet #8A2BE2 (138,43,226)
Indigo #4B0082 (75,0,130)
DarkOrchid #9932CC (153,50,204)
DarkViolet #9400D3 (148,0,211)
MediumOrchid #BA55D3 (186,85,211)
DarkMagenta #8B008B (139,0,139)
Plum #DDA0DD (221,160,221)
Thistle #D8BFD8 (216,191,216)
Violet #EE82EE (238,130,238)
Orchid #DA70D6 (218,112,214)
MediumVioletRed #C71585 (199,21,133)
DeepPink #FF1493 (255,20,147)
HotPink #FF69B4 (255,105,180)
LavenderBlush #FFF0F5 (255,240,245)
PaleVioletRed #DB7093 (219,112,147)
Crimson #DC143C (220,20,60)
Pink #FFC0CB (255,192,203)
LightPink #FFB6C1 (255,182,193)

4.2. 전통색

4.2.1. 대한민국

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

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

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

정리짤1
정리짤2
정리짤3
명칭 헥스 코드
#RRGGBB
10진 코드
(C,M,Y,K)
무채색계
흑색 #1D1E23 (93,89,83,52)
백색 #FFFFFF (0,0,0,0)
회색 #A4AAA7 (38,27,31,0)
구색 #959EA2 (45,32,32,0)
치색 #616264 (72,64,62,4)
연지회색 #6F606E (55,58,40,20)
설백색[4] #DDE7E7 (12,4,7,0)
유백색 #E7E6D2 (9,5,18,0)
지백색 #E3DDCB (6,6,17,4)
소색 #D8C8B2 (10,15,26,5)
적색계
적색 #B82647 (21,98,68,8)
홍색 #F15B5B (0,80,64,17)
적토색 #9F494C (29,80,64,17)
휴색 #683235 (40,80,66,44)
갈색 #966147 (31,61,73,21)
호박색 #BD7F41 (21,51,84,8)
추향색 #C38866 (19,48,61,6)
육색 #D77964 (11,62,59,2)
주색 #CA5E59 (15,75,62,4)
주홍색 #C23352 (18,94,60,5)
담주색 #EA8474 (4,59,50,0)
진홍색 #BF2F7B (20,94,17,4)
선홍색 #CE5A9E (16,79,2,0)
연지색 #BE577B (19,77,28,7)
훈색 #D97793 (9,64,20,2)
진분홍색 #DB4E9C (9,84,0,0)
분홍색 #E2A6B4 (7,39,14,1)
연분홍색 #E0709B (6,69,11,1)
장단색 #E16350 (6,75,70,1)
석간주색 #8A4C44 (30,71,65,30)
흑홍색 #8E6F80 (40,54,31,15)
황색계
황색 #F9D537 (3,13,89,0)
유황색 #EBBC6B (6,25,67,1)
명황색 #FEE134 (2,7,89,0)
담황색 #F5F0C5 (4,2,27,0)
송화색 #F8E77F (4,4,62,0)
자황색 #F7B938 (2,29,89,0)
행황색 #F1A55A (3,40,73,0)
두록색 #E5B98F (8,27,45,1)
적황색 #ED9149 (4,51,80,0)
토황색 #C8852C (18,50,97,5)
지황색 #D6B038 (14,26,91,3)
토색 #9A6B31 (30,54,91,20)
치자색 #F6FC7A (3,18,61,0)
홍황색 #DDA28F (9,39,38,2)
자황색 #BB9E8B (22,33,40,7)
금색 별색[5] -
청록색계
청색 #0B6DB7 (89,56,0,0)
벽색 #00B5E3 (73,5,4,0)
천청색 #5AC6D0 (59,0,20,0)
담청색 #00A6A9 (96,4,40,0)
취람색 #5DC19B (62,0,51,0)
양람색 #6C71B5 (64,58,0,0)
벽청색 #448CCB (72,36,0,0)
청현색 #006494 (99,59,22,3)
감색 #026892 (63,57,26,2)
남색 #6A5BA8 (68,73,0,0)
연람색 #7963AB (60,69,0,0)
벽람색 #6979BB (64,52,0,0)
숙람색 #45436C (86,84,40,9)
군청색 #4F599F (80,73,6,0)
녹색 #417141 (82,44,95,9)
명록색 #16AA52 (81,5,94,0)
유록색 #6AB048 (64,8,97,0)
유청색 #569A49 (72,20,96,1)
연두색 #C0D84D (29,0,87,0)
춘유록색 #CBDD61 (24,0,78,0)
청록색 #009770 (97,15,74,0)
진초록색 #0A8D5E (87,26,82,1)
초록색 #1C9249 (85,20,98,2)
흑록색 #2E674E (89,52,83,9)
비색 #72C6A5 (55,0,45,0)
옥색 #9ED6C0 (38,0,30,0)
삼청색 #5C6EB4 (71,59,0,0)
뇌록색 #397664 (74,27,59,6)
양록색 #31B675 (74,0,74,0)
하염색 #245441 (83,43,75,39)
흑청색 #1583AF (84,39,17,0)
청벽색 #18B4E9 (69,8,0,0)
자색계
자색 #6D1B43 (41,95,45,40)
자주색 #89236A (40,96,18,20)
보라색 #9C4998 (42,85,1,1)
홍람색 #733E7F (58,85,10,15)
포도색 #5D3462 (70,90,35,20)
청자색 #403F95 (90,90,1,1)
벽자색 #84A7D3 (47,25,1,1)
회보라색 #B3A7DC (28,32,1,1)
담자색 #BEA3C9 (23,36,1,1)
다자색 #47302E (75,86,85,35)
적자색 #BA4160 (12,86,42,13)

4.2.2. 일본

4.3. 색으로 불리지만 색이 아닌 것

  • 투명: 이 색을 표현하려면 RGB에 Alpha(투명도)를 추가한 RGBA를 가져와야 하며 현실에서는 모두 투과시킴을 의미한다. CSS에서는 transparent로 투명을 설정할 수 있다.


[1] 예를 들어 CSS에서는 rgb(255,255,0)과 같은 표현도 있다.[2] 이름이 어원이 LA 다저스라고 한다.[3] 웹 개발자인 에릭 메이어(Eric Meyer)의 딸인 레베카가 생전에 좋아하던 색이었는데, 암으로 사망한 레베카를 추모하기 위해 CSS Color Module Level 4에 추가되었다. CodePen의 관련 글[4] 사전 상 의미는 '눈의 빛깔과 같은 흰색'이다. 완전한 흰색을 이렇게 표현하기도 했다.[5] 헥스코드로 금색은 #FFD700이다. 은색은 #C0C0C0이다.
파일:크리에이티브 커먼즈 라이선스__CC.png 이 문서의 내용 중 전체 또는 일부는 문서의 r221 판에서 가져왔습니다. 이전 역사 보러 가기


분류