최근 수정 시각 : 2024-11-03 19:37:19

헥스 코드

CSS 색상명에서 넘어옴

파일:나무위키+유도.png  
은(는) 여기로 연결됩니다.
본 문서 표제어의 유래인 진법에 대한 내용은 16진법 문서
번 문단을
부분을
, 에 대한 내용은 문서
번 문단을
번 문단을
부분을
부분을
, 에 대한 내용은 문서
번 문단을
번 문단을
부분을
부분을
, 에 대한 내용은 문서
번 문단을
번 문단을
부분을
부분을
, 에 대한 내용은 문서
번 문단을
번 문단을
부분을
부분을
, 에 대한 내용은 문서
번 문단을
번 문단을
부분을
부분을
, 에 대한 내용은 문서
번 문단을
번 문단을
부분을
부분을
, 에 대한 내용은 문서
번 문단을
번 문단을
부분을
부분을
, 에 대한 내용은 문서
번 문단을
번 문단을
부분을
부분을
, 에 대한 내용은 문서
번 문단을
번 문단을
부분을
부분을
참고하십시오.
[[색|
색깔
]]
[ 펼치기 · 접기 ]
[[흰색|
하양
]][[아이보리|
아이보리
]][[베이지색|
베이지
]][[노란색|
노랑
]][[유황색|
유황색
]][[금색|
금색
]][[귤색|
귤색
]][[골든 옐로우|
골든 옐로우
]][[주황색|
주황
]][[살구색|
살구
]][[코랄#s-1.1|
코랄
]][[다홍색|
다홍
]][[빨간색|
빨강
]][[카민|
카민
]][[크림슨|
크림슨
]][[세리스#s-1|
세리스
]][[오페라색|
오페라
]][[분홍색|
분홍
]][[장미색|
장미색
]][[버건디|
버건디
]][[자주색|
자주색
]][[자홍색|
자홍
]][[연보라|
연보라
]][[보라색|
보라
]][[페리윙클(색)|
페리윙클
]][[남색|
남색
]][[울트라마린|
울트라 마린
]][[코발트 블루|
코발트 블루
]][[프러시안 블루|
프러시안 블루
]][[파란색|
파랑
]][[바다색|
바다
]][[하늘색|
하늘
]][[번루색|
번루
]][[담청색|
담청
]][[청록색|
청록
]][[민트색|
민트
]][[아쿠아마린(동음이의어)#s-1|
아쿠아 마린
]][[춘록색|
춘록
]][[초록색|
초록
]][[연두색|
연두
]][[라임색|
라임
]][[올리브색|
올리브
]][[갈색|
갈색
]][[세피아|
세피아
]][[고동색|
고동색
]][[카키색|
카키
]][[황토색|
황토색
]][[탠|
]][[회적색|
회적
]][[은색|
은색
]][[회색|
회색
]][[스페이스 그레이|
스페이스 그레이
]][[검은색|
검정
]]
<nopad>파일:default.gif

1. 개요2. 특징3. 색상 확인 방법4. 나무위키에서5. 색상 목록
5.1. CSS 색상5.2. 한국산업표준 색이름
5.2.1. 계통색
5.3. 전통색
5.3.1. 대한민국
5.3.1.1. 무채색계5.3.1.2. 적색계5.3.1.3. 황색계5.3.1.4. 청록색계5.3.1.5. 자색계
5.4. 팬톤 컬러 시스템5.5. 색으로 불리지만 색이 아닌 것5.6. 문서가 있는 색 이름
6. Hexspeak7. 헥스 코드가 문서명인 문서8. 그 외 색상 표현법9. 기타

[clearfix]

1. 개요

Hex color codes

RGB 방식 색상 코드 표기법이다. #과 뒤에 붙는 여섯 자리[1] 또는 세 자리[2]의 숫자로 색상을 표기하는 방식이다. 여섯 자리인 경우는 두 자리씩 끊어서 각각 Red, Green, Blue의 강도를 256(=162)단계에 걸쳐 나타낸 것이며, 각 두 자리수는 16진수이므로 00(=010)일 때 가장 어둡고 FF(=25510)일 때 가장 밝다. 중간값은 80(=12810)이다. 세자리인 경우는 한자리씩 끊어서 역시 'Red', 'Green', 'Blue' 이며 각 색상의 강도를 16단계씩 나타낸다.[3]

여덟 자리 또는 네 자리로도 나타낼 수 있는데, 이 경우 각각 뒤에 추가되는 두 자리 또는 한 자리는 알파값 즉 투명도를 의미한다. 00 또는 0일 때 완전히 투명해지고, FF 또는 F일때 불투명해진다.

2. 특징

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

16진수를 쓰다 보니 0~9 외에도 알파벳 A~F까지를 쓰게 되는데 알파벳은 대문자를 입력하든 소문자를 입력하든 어쨌든 색상은 같다.

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

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

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

특정 성분에만 강한 강도를 부여하면 선명한 유채색이 나타난다. 예를 들어 #FF0000이면 R값이 최고값이고 나머지는 0이므로 순수한 빨간색이 나타난다. #FFFF00이면 R값과 G값이 최고값이고 B값이 0이므로 R과 G의 합성 빛인 [include(틀:글배경, 글자색=yellow, 배경색=#1f2023, 내용=노란색)]이 나타난다.

색깔의 명암조절 원리는 다음과 같다. 순수 [include(틀:글배경, 글자색=blue, 배경색=white, 내용=파랑)]은 #0000FF일 것이다.[4] 여기서 B 성분에만 절반의 강도를 주면 (#000080) 파랑과 검정의 사이인 [include(틀:글배경, 글자색=navy, 배경색=white, 내용=어두운 파랑)]을 얻을 수 있다. B 성분에 강도를 최대한 준 채로 다른 두 성분에도 일부의 강도를 주면(#8080FF) 파랑의 순도가 낮아지면서 밝은 파랑이 얻어진다.[5]

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

마지막에 투명도(Alpha) 값 두 자리를 추가하여 여덟 자리로 표기하는 방법도 있는데, 표준에 늦게 추가되었기 때문에 지원하는 브라우저가 적다.[6]

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

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

3. 색상 확인 방법

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

4. 나무위키에서

4.1. 색상 문법 적용 방법

파일:상세 내용 아이콘.svg   자세한 내용은 나무위키:문법 도움말 문서
번 문단을
텍스트 색상 부분을
참고하십시오.

4.2. 나무위키의 특수색

파일:상세 내용 아이콘.svg   자세한 내용은 나무위키:문법 도움말 문서
번 문단을
기본 헥스 코드 부분을
참고하십시오.

5. 색상 목록

5.1. CSS 색상

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

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

5.1.1. 기본 색

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

||<tablewidth=600><table bordercolor=#000,#333><table align=center><table bgcolor=#FFFFFF,#2D2F34><rowbgcolor=#000000><rowcolor=#fff><width=30> ||<width=300> CSS 색상명 ||<width=125> 헥스 코드
#RRGGBB ||<width=135> 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)
Magenta / Fuchsia #FF00FF (255,0,255)
Purple #800080 (128,0,128)

5.1.2. 무채색

||<tablewidth=600><table bordercolor=#000,#333><table align=center><table bgcolor=#FFFFFF,#2D2F34><rowbgcolor=#000000><rowcolor=#fff><width=30> ||<width=300> CSS 색상명 ||<width=125> 헥스 코드
#RRGGBB ||<width=135> 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)

5.1.3. 유채색

||<tablewidth=600><table bordercolor=#000,#333><table align=center><table bgcolor=#FFFFFF,#2D2F34><rowbgcolor=#000000><rowcolor=#fff><width=30> ||<width=300> CSS 색상명 ||<width=125> 헥스 코드
#RRGGBB ||<width=135> 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 #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[8] #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[9] #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)

5.2. 한국산업표준 색이름

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

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

5.2.1. 계통색

||<tablewidth=600><table bordercolor=#000,#333><table align=center><table bgcolor=#FFFFFF,#2D2F34><rowbgcolor=#000000><rowcolor=#fff><width=30> ||<width=300> KS 계통색 ||<width=125> 헥스 코드
#RRGGBB ||<width=125> 먼셀
H V/C ||
빨강 #BB4642 7.5R 4/14
선명한 빨강 #BF3B3C 7.5R 4/16
밝은 빨강 #DD534A 7.5R 5/14
진한 빨강(진빨강) #993E41 7.5R 3/12
흐린 빨강 #B06F68 7.5R 5/6
탁한 빨강 #935B55 7.5R 4/6
어두운 빨강 #633D43 5R 2/6
회적색 #927A78 7.5R 5/2
어두운 회적색 #685351 7.5R 3/2
검은 빨강 #544546 7.5R 2/2
주황 #F2773D 2.5YR 6/14
선명한 주황 #F17845 2.5YR 6/16
밝은 주황 #FF9058 2.5YR 7/12
진한 주황(진주황) #DA6730 2.5YR 5/14
흐린 주황 #E0805B 2.5YR 6/10
탁한 주황 #C99176 2.5YR 6/6
빨간 주황 #DB5D3B 10R 5/14
선명한 빨간 주황 #E15637 10R 5/16
밝은 빨간 주황 #F56E48 10R 6/14
탁한 빨간 주황 #AC7062 10R 5/6
노란 주황 #FF982E 7.5YR 7/14
선명한 노란 주황 #FF9913 7.5YR 7/16
밝은 노란 주황 #FFB12B 10YR 8/14
진한 노란 주황 #DB8628 7.5YR 6/14
연한 노란 주황 #FFB66A 7.5YR 8/10
흐린 노란 주황 #FABE93 7.5YR 8/6
탁한 노란 주황 #C28B69 7.5YR 6/6
노랑 #FFD10D 5Y 8.5/14
진한 노랑(진노랑) #FFBB14 2.5Y 8/14
연한 노랑(연노랑) #FCDA94 5Y 9/6
흐린 노랑 #E4C77E 5Y 8/6
흰 노랑 #F3E6C7 5Y 9/2
회황색 #DBCCB0 5Y 8/2
밝은 회황색 #E5D7BA 5Y 8.5/2
연두 #94C056 7.5GY 7/10
선명한 연두 #77A832 7.5GY 6/12
밝은 연두 #ABD664 7.5GY 8/10
진한 연두 #648C35 7.5GY 5/10
연한 연두 #B8D38F 7.5GY 8/6
흐린 연두 #A0BB7F 7.5GY 7/6
탁한 연두 #8AA269 7.5GY 6/6
노란 연두 #D8C949 10Y 8/10
선명한 노란 연두 #E2CD26 10Y 8/12
밝은 노란 연두 #EEDA51 10Y 8.5/10
진한 노란 연두 #C6B13C 10Y 7/10
연한 노란 연두 #F3E591 10Y 9/6
흐린 노란 연두 #D2CA80 10Y 8/6
탁한 노란 연두 #C3B56B 10Y 7/6
녹연두 #65A854 10GY 6/10
선명한 녹연두 #5BAC49 10GY 6/12
밝은 녹연두 #7FC26A 10GY 7/10
연한 녹연두 #ADD797 10GY 8/6
흐린 녹연두 #91BD86 10GY 7/6
탁한 녹연두 #7BA570 10GY 6/6
흰 연두 #E0E9CB 7.5GY 9/2
회연두 #96A08A 7.5GY 6/2
밝은 회연두 #C6D1B5 7.5GY 8/2
초록 #247C4D 2.5G 4/10
선명한 초록 #059651 2.5G 5/12
밝은 초록 #36935B 2.5G 5/10
진한 초록(진초록) #3C6249 2.5G 3/6
연한 초록(연초록) #95DAAF 5G 8/6
흐린 초록 #6AAA87 2.5G 6/6
탁한 초록 #4A7859 2.5G 4/6
어두운 초록 #3E4E43 2.5G 2/4
흰 초록 #D2EDD5 2.5G 9/2
회녹색 #73877A 2.5G 5/2
밝은 회녹색 #BCD0BC 2.5G 8/2
어두운 회녹색 #525D53 2.5G 3/2
검은 초록 #454E48 2.5G 2/2
청록 #006B70 10BG 3/8
밝은 청록 #00979C 10BG 5/8
진한 청록 #21555A 10BG 2/6
연한 청록 #66C4C3 10BG 7/6
흐린 청록 #6FA6A5 10BG 6/4
탁한 청록 #437779 10BG 4/4
어두운 청록 #345052 10BG 2/4
흰 청록 #CEEBE6 10BG 9/2
회청록 #708889 10BG 5/2
밝은 회청록 #9CB8B7 10BG 7/2
어두운 회청록 #495E5B 10BG 3/2
검은 청록 #3E4C4E 10BG 2/2
파랑 #0F7CA8 2.5PB 4/10
선명한 파랑 #008CC3 2.5PB 5/12
밝은 파랑 #4AA8D8 2.5PB 6/10
진한 파랑(진파랑) #344F65 2.5PB 2/6
연한 파랑(연파랑) #A6D3E9 2.5PB 8/6
흐린 파랑 #75A6C0 2.5PB 6/6
탁한 파랑 #4A7691 2.5PB 4/6
어두운 파랑 #3A4E5B 2.5PB 2/4
흰 파랑 #DFE9ED 2.5PB 9/2
회청색 #7A8790 2.5PB 5/2
밝은 회청색 #ABB6BC 2.5PB 7/2
어두운 회청색 #525E66 2.5PB 3/2
검은 파랑 #444E56 2.5PB 2/2
남색 #414A67 7.5PB 2/6
밝은 남색 #445C91 7.5PB 3/10
흐린 남색 #4D5B7B 7.5PB 3/6
어두운 남색 #464D5E 7.5PB 2/4
회남색 #696F7A 7.5PB 4/2
검은 남색 #484B54 7.5PB 2/2
보라 #665581 5P 3/10
선명한 보라 #7A6397 5P 4/12
밝은 보라 #8977AD 5P 5/10
진한 보라(진보라) #554466 5P 2/10
연한 보라(연보라) #BBABD3 5P 7/8
흐린 보라 #A699BB 5P 6/6
탁한 보라 #766789 5P 4/6
어두운 보라 #4F4658 5P 2/4
흰 보라 #EAE7EC 5P 9/2
회보라 #86828E 5P 5/2
밝은 회보라 #B7B3BD 5P 7/2
어두운 회보라 #625D6A 5P 3/2
검은 보라 #4C4751 5P 2/2
자주 #8B425F 7.5RP 3/10
선명한 자주 #AB5071 7.5RP 4/12
밝은 자주 #CD5D85 7.5RP 5/14
진한 자주 #683D51 7.5RP 2/8
연한 자주 #BB6C85 7.5RP 5/10
흐린 자주 #A97683 7.5RP 5/6
탁한 자주 #7C4D5E 7.5RP 3/6
어두운 자주 #5B444E 7.5RP 2/4
빨간 자주(적자색) #8B4156 10RP 3/10
진한 적자색 #6D3E4D 10RP 2/8
탁한 적자색 #7B4C58 10RP 3/6
어두운 적자색 #5D454D 10RP 2/4
회자주 #928286 7.5RP 5/2
어두운 회자주 #66555A 7.5RP 3/2
검은 자주 #54464B 7.5RP 2/2
분홍 #E99EA8 10RP 7/8
진한 분홍(진분홍) #DB8291 10RP 6/10
연한 분홍(연분홍) #F6BABF 10RP 8/6
흐린 분홍 #DDA3AB 10RP 7/6
탁한 분홍 #C38C94 10RP 6/6
노란 분홍 #FF9477 10R 7/10
진한 노란 분홍 #E77A62 10R 6/10
연한 노란 분홍 #FFB8A2 10R 8/6
흐린 노란 분홍 #E6A18F 10R 7/6
탁한 노란 분홍 #C18375 10R 6/6
흰 분홍 #F5E6E3 10RP 9/2
회분홍 #C2B1B3 10RP 7/2
밝은 회분홍 #DAC8C9 10RP 8/2
자줏빛 분홍 #E79EB9 5RP 7/10
진한 자줏빛 분홍 #D284A3 5RP 6/10
연한 자줏빛 분홍 #F2C0D1 5RP 8/6
흐린 자줏빛 분홍 #D9A8B8 5RP 7/6
탁한 자줏빛 분홍 #BC8D9E 5RP 6/6
갈색 #975A3E 5YR 4/8
밝은 갈색 #CB6B31 5YR 5/12
진한 갈색 #78503E 5YR 3/6
연한 갈색 #AA704A 5YR 5/8
흐린 갈색 #A47A68 5YR 5/4
탁한 갈색 #8C6354 5YR 4/4
어두운 갈색 #5C443B 5YR 2/4
빨간 갈색(적갈색) #8B433C 10R 3/10
밝은 적갈색 #A75544 10R 4/10
진한 적갈색 #61413F 10R 2/6
흐린 적갈색 #965C51 10R 4/6
탁한 적갈색 #7B4D47 10R 3/6
어두운 적갈색 #584342 10R 2/4
노란 갈색(황갈색) #AE7734 10YR 5/10
밝은 황갈색 #D88231 10YR 6/12
연한 황갈색 #C98C4F 10YR 6/8
흐린 황갈색 #B59375 10YR 6/4
탁한 황갈색 #A77A4D 10YR 5/6
녹갈색 #796D3D 10Y 4/6
밝은 녹갈색 #99893C 10Y 5/6
흐린 녹갈색 #92885A 10Y 5/4
탁한 녹갈색 #746D48 10Y 4/4
어두운 녹갈색 #5D5A3F 10Y 3/4
회갈색 #927D75 5YR 5/2
어두운 회갈색 #69554E 5YR 3/2
검은 갈색(흑갈색) #544843 5YR 2/2
하양 #F2F3F0 N 9.5/0
노란 하양 #EAE3D4 5Y 9/1
초록빛 하양 #DDEDDF 5G 9/1
파란 하양 #E0E8E9 10B 9/1
보랏빛 하양 #E9E7E8 5P 9/1
분홍빛 하양 #EFE5E3 10RP 9/1
회색 #818383 N 5/0
밝은 회색 #B2B5B3 N 7/0
어두운 회색 #5F6261 N 3/0
빨간 회색(적회색) #8D8382 5R 5/1
어두운 적회색 #5F5353 5R 3/1
노란 회색(황회색) #D4CBBB 5Y 8/1
초록빛 회색(녹회색) #7E8681 5G 5/1
밝은 녹회색 #C2CFC4 5G 8/1
어두운 녹회색 #555D59 5G 3/1
파란 회색(청회색) #7F878A 10B 5/1
밝은 청회색 #ADB5B7 10B 7/1
어두운 청회색 #575C61 10B 3/1
보랏빛 회색 #86848A 5P 5/1
밝은 보랏빛 회색 #B4B3B7 5P 7/1
어두운 보랏빛 회색 #5B5960 5P 3/1
분홍빛 회색 #BBB2B3 10RP 7/1
갈회색 #8E817D 5YR 5/1
어두운 갈회색 #615855 5YR 3/1
검정 #3B3B3B N 0.5/0
빨간 검정 #4E4747 5R 2/1
초록빛 검정 #474B49 5G 2/1
파란 검정 #474C4F 10B 2/1
보랏빛 검정 #4B494D 5P 2/1
갈흑색 #4D4948 5YR 2/1

5.3. 전통색

5.3.1. 대한민국

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

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

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

#1 #2 #3
5.3.1.1. 무채색계
||<tablewidth=600><table bordercolor=#000,#333><table align=center><table bgcolor=#FFFFFF,#2D2F34><rowbgcolor=#000000><rowcolor=#fff><width=30> ||<width=300> 명칭 ||<width=125> 헥스 코드
#RRGGBB ||<width=135> 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)
설백색(雪白色)[10] #DDE7E7 (12,4,7,0)
유백색(乳白色) #E7E6D2 (9,5,18,0)
지백색(紙白色) #E3DDCB (6,6,17,4)
소색(素色) #D8C8B2 (10,15,26,5)

5.3.1.2. 적색계
||<tablewidth=600><table bordercolor=#000,#333><table align=center><table bgcolor=#FFFFFF,#2D2F34><rowbgcolor=#000000><rowcolor=#fff><width=30> ||<width=300> 명칭 ||<width=125> 헥스 코드
#RRGGBB ||<width=135> 10진 코드
(C,M,Y,K) ||
적색(赤色) #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)
훈색(纁色)[11] #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)

5.3.1.3. 황색계
||<tablewidth=600><table bordercolor=#000,#333><table align=center><table bgcolor=#FFFFFF,#2D2F34><rowbgcolor=#000000><rowcolor=#fff><width=30> ||<width=300> 명칭 ||<width=125> 헥스 코드
#RRGGBB ||<width=135> 10진 코드
(C,M,Y,K) ||
황색(黃色) #F9D537 (3,13,89,0)
유황색(油黃色)[12] #EBBC6B (6,25,67,1)
명황색(明黃色) #FEE134 (2,7,89,0)
담황색(淡黃色) #F5F0C5 (4,2,27,0)
송화색(松花色) #F8E77F (4,4,62,0)
자황색(赭黃色)[13] #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)
자황색(紫黃色)[14] #BB9E8B (22,33,40,7)
금색(金色) 별색[15]

5.3.1.4. 청록색계
||<tablewidth=600><table bordercolor=#000,#333><table align=center><table bgcolor=#FFFFFF,#2D2F34><rowbgcolor=#000000><rowcolor=#fff><width=30> ||<width=300> 명칭 ||<width=125> 헥스 코드
#RRGGBB ||<width=135> 10진 코드
(C,M,Y,K) ||
청색(靑色) #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)

5.3.1.5. 자색계
||<tablewidth=600><table bordercolor=#000,#333><table align=center><table bgcolor=#FFFFFF,#2D2F34><rowbgcolor=#000000><rowcolor=#fff><width=30> ||<width=300> 명칭 ||<width=125> 헥스 코드
#RRGGBB ||<width=135> 10진 코드
(C,M,Y,K) ||
자색(紫色) #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)

5.4. 팬톤 컬러 시스템

파일:상세 내용 아이콘.svg   자세한 내용은 팬톤 컬러 시스템 문서
번 문단을
부분을
참고하십시오.

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

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

5.6. 문서가 있는 색 이름

선술한 빨간색, 노란색 등은 포함하지 않는다. 과일 오렌지에서 따온 색 #ff8000은 주황색(#ffa500)과는 다르기 때문에 여기에 포함한다.

몇몇 색상들은 해당하는 과일, 꽃, 동물 등에서 따온 이름이 있다. 이런 것의 일부는 위키낱말사전의 해당 영어 단어 문서에 있다.

||<tablewidth=600><table bordercolor=#000000,#333333><table align=center><table bgcolor=#ffffff,#2d2f34><rowbgcolor=#000000><rowcolor=#ffffff><width=30> ||<width=300> 명칭 || 헥스 코드
#RRGGBB ||
Almond #eed9c4
Avocado #408000
Acacia #e3d733
Amber #ffbf00
Banana #ffe135
Beaver #9f8170
Blueberry #4a4777
Bronze #cd7f32
Camel #c19a6b
Caramel #cc7f3b
Carrot #ed9121
Cherry #dc0025
Chili #9b1b30
Chocolate #61463e
Coffee #6f4e37
Copper #b87333
Coral #ff7f50
Coyote #81613c
Durian #e1bd27
Emerald #009473
Honey #fdd378
Iris #5a5b9f
Ivory #fffff0
Lemon #fde910
Lion #decc9c
Liver #674c47
Macadamia #e4cfb6
Mahogany #c04000
Mandarin #f75f1e
Mango #ffc800
Melon #fda058
Mimosa #f0c05a
Orange #ff8000
Orchid #da70d6
Peach #ffe5b4
Pineapple #fcf477
Pistachio #93c572
Plum #5f4951
Popcorn #f8de8d
Pumpkin #ff7518
Raven #07090a
Rose #ff007f
Rust #b7410e
Saffron #f4c430
Sand #c2b280
Tangerine #f28500
Tiger Lily #e2583e
Tomato #ff6347
Turquoise #45b5aa
Walnut #3e2a16
Wheat #f5deb3
Wine #704a43

6. Hexspeak

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

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

7. 헥스 코드가 문서명인 문서

  • [[#1f1e33#|{{{#!wiki style="display: inline; padding: 3px 4px; border-radius: 20px; background: #1f1e33; font-size: 14px"
#1f1e33}}}]]

8. 그 외 색상 표현법

  • 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 범위를 넘어가는 색상을 지정할 수 있다. {{{#!wiki style="display: inline; color: lab(40% -40 -3);"
이 텍스트가 나무위키의 청록색으로 보인다면 Lab 색상지정을 지원하는 것이다.}}}

9. 기타

  • 연예 기획사에선 공식색 충돌 논란을 미리 막기 위해 CMYK, RGB, 팬톤 컬러코드와 함께 공식색을 병기하는 용도로 쓰이기도 한다. 대표적인 케이스가 청하, JBJ.
  • 해외의 자료로는 색과사전(ency'color'pedia)을 참고하면 좋다. 영어로 이름 붙여진 색들이 많다. 삼성 블루(Samsung blue) 등의 별의 별 색까지 헥스 코드 형태로 등록되었다. 한국어판도 존재하지만 다른 언어판에 비해 이름 붙여진 색이나, 색들의 정보는 매우 적다. 심지어 한국어판보다 이름 붙여진 색의 수가 적은 언어는 인도네시아어밖에 없다. 시 그린(Sea Green)을 해록색, 스프링 그린(Spring Green)을 춘록색 등으로 현지화하는 작업이라도 필요하겠지만, 위키위키 엔진처럼 누구나 편집할 수는 없다.
  • 나무위키와 동일한 엔진인 the seed를 사용하는 알파위키에서 다중 계정 검사를 할 때, 보고서를 작성하는데 이때 사용되는 코드도 헥스 코드이다.


[1] 8bit depth 기준[2] 4bit depth 기준[3] 일부 프로그램이나 브라우저에서는 3자리 헥스 코드를 지원하지 않을 수 있다.[4] 보다시피 나무위키 하이퍼링크 색상은 순수 파랑이 아니다.[5] 연보라 아니냐고 할 수 있는데, 채도가 낮아지면 색상이 왜곡되어 보이는 현상인 Abney effect로 의한 것이다.[6] 버전 11에서 업데이트가 중지된 Internet Explorer는 지원하지 않는다.[7] 예를 들어 CSS에서는 rgb(255, 255, 0), hsl(60, 100%, 50%)과 같은 표현도 있다.[8] 이름이 어원이 LA 다저스라고 한다.[9] 웹 개발자인 에릭 메이어(Eric Meyer)의 딸인 레베카가 생전에 좋아하던 색이었는데, 암으로 사망한 레베카를 추모하기 위해 CSS Color Module Level 4에 추가되었다. CodePen의 관련 글[10] 사전 상 의미는 '눈의 빛깔과 같은 흰색'이다. 완전한 흰색을 이렇게 표현하기도 했다.[11] 와전된 것으로 원래 훈색은 주황색이다. 똑같이 주황색 계열에서 분홍색 계열로 와전된 다홍색과 같은 사례. 아마 훈색으로 염색된 옷감이 색이 바래면서 분홍색이 되었을 것으로 추정.[12] 오방간색 중 하나인 유(騮)가 이 색으로 알려져 있지만 와전된 것으로 오방간색 유(騮)는 황갈색이다. 이쪽의 유는 '기름 유'로 말 그대로 기름색이라는 뜻.[13] '붉은 흙 자'자를 사용해 붉은빛을 띤 황색을 의미한다. 사전에서는 '자줏빛을 띤 노랑'이라 나오지만 이는 아래 '자황색(紫黃色)'의 설명에 더 부합한다.[14] 이쪽은 '자줏빛 자'를 사용한다.[15] 헥스코드로 금색은 #FFD700, 은색은 #C0C0C0, 황색은 #C88D0D이다.

파일:CC-white.svg 이 문서의 내용 중 전체 또는 일부는 문서의 r221에서 가져왔습니다. 이전 역사 보러 가기
파일:CC-white.svg 이 문서의 내용 중 전체 또는 일부는 다른 문서에서 가져왔습니다.
[ 펼치기 · 접기 ]
문서의 r221 (이전 역사)
문서의 r (이전 역사)

문서의 r (이전 역사)

문서의 r (이전 역사)

문서의 r (이전 역사)

문서의 r (이전 역사)

문서의 r (이전 역사)

문서의 r (이전 역사)

문서의 r (이전 역사)

문서의 r (이전 역사)

문서의 r (이전 역사)

문서의 r (이전 역사)

문서의 r (이전 역사)

문서의 r (이전 역사)

문서의 r (이전 역사)

문서의 r (이전 역사)

문서의 r (이전 역사)

문서의 r (이전 역사)

문서의 r (이전 역사)

문서의 r (이전 역사)

문서의 r (이전 역사)

문서의 r (이전 역사)

문서의 r (이전 역사)

문서의 r (이전 역사)

문서의 r (이전 역사)

문서의 r (이전 역사)

문서의 r (이전 역사)

문서의 r (이전 역사)

문서의 r (이전 역사)

문서의 r (이전 역사)

문서의 r (이전 역사)

문서의 r (이전 역사)

문서의 r (이전 역사)

문서의 r (이전 역사)

문서의 r (이전 역사)

문서의 r (이전 역사)

문서의 r (이전 역사)

문서의 r (이전 역사)

문서의 r (이전 역사)

문서의 r (이전 역사)

문서의 r (이전 역사)

문서의 r (이전 역사)

문서의 r (이전 역사)

문서의 r (이전 역사)

문서의 r (이전 역사)

문서의 r (이전 역사)

문서의 r (이전 역사)

문서의 r (이전 역사)

문서의 r (이전 역사)

문서의 r (이전 역사)

분류