[clearfix]
1. 개요
RGB 방식 색상 코드 표기법이다. #과 뒤에 붙는 여섯 자리
[1] 또는 세 자리
[2]의 숫자로 색상을 표기하는 방식이다. 여섯 자리인 경우는 두 자리씩 끊어서 각각
Red,
Green,
Blue의 강도를 256(=16
2)단계에 걸쳐 나타낸 것이며, 각 두 자리수는
16진수이므로 00(=0
10)일 때 가장 어둡고 FF(=255
10)일 때 가장 밝다. 중간값은 80(=128
10)이다. 세자리인 경우는 한자리씩 끊어서 역시 'Red', 'Green', 'Blue' 이며 각 색상의 강도를 16단계씩 나타낸다.
[3] 일부 프로그램이나 브라우저에서는 3자리 헥스 코드를 지원하지 않을 수 있다.
2. 상세
색상 코드 앞엔 반드시 #을 붙이는 게 원칙이다. 붙이지 않으면 자동으로 붙여 주는 경우도 있지만
나무위키 문법에서는 그렇지 않으므로 꼭 붙여야 한다.
16진수를 쓰다보니 0~9 외에도 알파벳 A~F까지를 쓰게 되는데 알파벳은 대문자나 소문자나 상관없다.
성분 색의 강도가 높을수록 밝아지는 방식(가산 혼합)이기 때문에, 잉크의 합성 원리와 반대되는
빛의 합성 원리를 따르는 색상 표기 방식이라 할 수 있다.
R, G, B 성분이 모두 최대치(FF)이면 모든 빛을 혼합한 모습인 흰색이 나타나고, 모두 최소치(00)이면 빛이 하나도 들어오지 않은 상태이므로 검은색이 나타난다.
세 성분을 모두 같은 강도로 주면
무채색을 얻을 수 있다. 검은색과 흰색도 최소/최대치로 서로 같은 강도이므로 무채색에 속하며, 중간치의 같은 강도를 주면(#808080)
회색이 된다.
특정 성분에만 강한 강도를 부여하면 선명한 유채색이 나타난다. 예를 들어 #FF0000이면 R값이 최고값이고 나머지는 0이므로 순수한
빨간색이 나타난다. #FFFF00이면 R값과 G값이 최고값이고 B값이 0이므로 R과 G의 합성 빛인
노란색이 나타난다.
색깔을 밝거나 어둡게 만드는 원리는 대략 이와 같다. 순수
파랑은 #0000FF일 것이다.
[4] 보다시피 나무위키 하이퍼링크 색상은 순수 파랑이 아니다.
여기서 B 성분에만 강도를 주되 그 강도를 절반으로 낮추면(#000080) 파랑과 검정의 사이인
어두운 파랑을 얻을 수 있다. B 성분에 강도를 최대한 준 채로 다른 두 성분에도 일부의 강도를 주면(#8080FF) 파랑의 순도가 낮아지면서
밝은 파랑이 얻어진다.
헥스 코드로 나타낼 수 있는 색상의 수는 총 16
6=1677만 7216가지이다.
마지막에 투명도(Alpha) 값 두 자리를 추가하여 여덟 자리로 표기하는 방법도 있는데, 표준에 늦게 추가되었기 때문에 지원하는 브라우저가 적다. 특히 버전 11에서 업데이트가 중지된
인터넷 익스플로러는 아예 지원하지 않는다.
짧은 문자열로 색을 표현할 수 있기 때문에 주로 디지털에서 다른 방식의
RGB 표기
[5] 예를 들어 CSS에서는 rgb(255,255,0)과 같은 표현도 있다.
보다 더 많이 쓰인다.
프로그래머(특히
웹 서버 프로그래머)들은 워낙 이 작업을 매우 많이 해서 어지간한 색들의 색상코드는 거의 다 알고 있다고 해도 과언이 아니다. 실제로 작업하다 보면 자의 반 타의 반으로 외우게 된다.
3. 색상 확인 방법
이 문서에 수록된 색상과 헥스 코드보다 더 많은 정보를 얻고자 한다면 다음 링크에서 확인이 가능하다.
- CSS 색상명
- 컬러 피커
- 색상 추출
- 크롬을 사용할 경우 Eye Dropper이나 ColorPick Eyedropper라는 확장 프로그램을 사용해서 인터넷 사이트의 색을 쉽게 추출해 낼수 있다.
- 인터넷 익스플로러의 경우 F12로 띄우는 콘솔 창에 색 추출 기능이 있고, 크롬의 경우 콘솔 창의 CSS 색상 선택기에 색 추출 기능이 있으며, 실시간으로 적용된 색을 미리 볼 수 있다.
- 개인이 만든 OiColorPicker 프로그램을 실행하고 마우스 커서를 알아내고 싶은 색 위에 놓으면 헥스코드가 나온다.
- macOS에 기본으로 있는 디지털 컬러 측정기를 사용하고 일반 RGB로 표시 모드에서 색 위에 놓으면 RGB가 나온다.
4. 나무위키에서
4.2. 나무위키의 특수색
'''분류'''
| '''라이트 테마'''
| '''다크 테마'''
|
배경
| <colcolor=#fff> #fff
| <colcolor=#fff> #1f2023
|
#010101
|
표
| 배경
| #f5f5f5
| #2d2f34
|
테두리
| #ddd
| #383b40
|
텍스트
| #373a3c
| #ddd
|
하이퍼링크
| #0275d8
| #eca019
|
하이퍼링크(존재하지 않는 문서)
| red
| #dc4343
|
외부 링크
| 텍스트
| #090
|
바깥 고리
| green
|
| gray
|
문단
| V표
| #666
|
밑줄
| #ccc
| #383b40
|
네임스페이스
| #545454
| #c7c7c7
|
위험 단추[6]
| #d9534f
|
문서 기여
| (+?)
| green
|
(-?)
| red
|
(0)
| gray
|
문서 역사 비교
| 배경
| #cfc
| #3b5a3b
|
#fdd
| #943838
|
HTML
| #50fd50
| #1c751c
|
#fff
| #d05d5d
|
텍스트
| #373a3c
| #ddd
|
#999
|
구 마크업 미적용 텍스트
| #bd4247
|
토론 댓글
| 발제자
| #b0d3ad
| #324432
|
참가자
| #d5d5d5
| #2d2f34
|
배경
| #f4f4f4
| #27292d
|
테두리
| gray
| #383b40
|
경계선
|
상태 변경
| #fc6
| #54411a
|
닫힌 토론 댓글
| 배경
| #eceeef
| #27292d
|
텍스트
| #55595c
| #ddd
|
네비게이션 바
| 배경
| #008275
| #2d2f34
|
텍스트
| #fff
|
나무위키 상징색
| #00a495 ~ #13ad65
|
특수 권한
| 논터치[A] 사칭을 방지하기 위해 사용자 문서 본문에 포함되지 않으며, 색이 변하는 것을 이용해 가짜 틀과 구분할 수 있다.
| #ffa500
|
터치[A] 사칭을 방지하기 위해 사용자 문서 본문에 포함되지 않으며, 색이 변하는 것을 이용해 가짜 틀과 구분할 수 있다.
| red
|
차단
| 논터치[A] 사칭을 방지하기 위해 사용자 문서 본문에 포함되지 않으며, 색이 변하는 것을 이용해 가짜 틀과 구분할 수 있다.
| red
|
터치[A] 사칭을 방지하기 위해 사용자 문서 본문에 포함되지 않으며, 색이 변하는 것을 이용해 가짜 틀과 구분할 수 있다.
| blue
|
주의
| #ffa500
|
경고
| #dc143c
|
위험
| #000
|
편집 주의 상징색
| #9acd32
|
또다른 편집 주의 상징색
| #008000
|
5. 색상 목록
CSS Color Module Level 3 명세를 참고해도 된다. CSS 색상명은 대소문자를 구분하지 않지만 PascalCase(띄어쓰기 없이 모든 단어의 첫 글자를 대문자로 표기)로 표기하였고, 수록 순서는 다음과 같다.
- 무채색 → 유채색
- 무채색은 어두운 색을 먼저 수록한다.
- 유채색은 HSV 색 공간에서 색상(hue)값이 작은 순서, 색상값이 같다면 명도(value)가 큰 순서로 수록한다.
몇몇 색상은 이름이 여러 가지로 등록되어 있다. 특히 Gray/Grey가 들어간 색상은 어느 쪽을 써도 무방하다.
CSS 초기부터 정의되어 있던 색이다. 단, 이름이 여러 가지인 색 중
grey
,
cyan
,
magenta
는 CSS Color Module Level 3에서야 정의되었다.
<rowcolor=#fff> '''색'''
| '''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)
|
Magenta / Fuchsia
| #FF00FF
| (255,0,255)
|
Purple
| #800080
| (128,0,128)
|
<rowcolor=#fff> '''색'''
| '''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[7]
| #F5F5F5
| (245,245,245)
|
<rowcolor=#fff> '''색'''
| '''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[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] 웹 개발자인 에릭 메이어(Eric Meyer)의 딸인 레베카가 생전에 좋아하던 색이었는데, 암으로 사망한 레베카를 추모하기 위해 CSS Color Module Level 4에 추가되었다. CodePen의 관련 글
| #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)
|
1992년에
국립현대미술관에서 「한국전통표준색명 및 색상 제 2차 시안」을 발간했으며, 이 자료에서는 전통색을 90가지로 정리했다.
국립중앙도서관 전자도서관 목록에
금색도 포함되어 있지만 정리 자료에 따라 나타내지 않기도 한다. 같은 금속이지만 은색은 포함되지 않았다. 앞의 링크 자료를 봐도 금색 부분은 금박을 스캔한 듯한 것이 있기는 하나, 색상코드(먼셀)가 표기되진 않았다.
「한국전통표준색명 및 색상 제 2차 시안」에서는 남아있는 전통 색상 명칭을 가지고 추정했는데,
오방색, 두 가지 오방색으로 배합된 색명, 한 가지 오방색이 포함된 색명, 명암을 나타내는 색명, 채도를 나타내는 색명, 기억색명, 단청색명, 기타 특수용어로서 문헌 설명을 통해서만 알 수 있는 색깔로 나누어 추정했다고 밝혔다. 이외에도 염색재료, 염색방법, 경험자의 의견, 과거의 경험 등 가능한 많은 방법을 사용했다고 밝히고 있다.
전통색을 다룬 서적으로 한국의 전통색(문은배/안그라픽스)과 한국의 전통색(이재만/일진사)이 있다.
정리짤1정리짤2
정리짤3
<rowcolor=#fff> '''색'''
| '''명칭'''
| '''헥스 코드'''
#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)
|
| 설백색(雪白色)[10] 사전 상 의미는 '눈의 빛깔과 같은 흰색'이다. 완전한 흰색을 이렇게 표현하기도 했다.
| #DDE7E7
| (12,4,7,0)
|
| 유백색(乳白色)
| #E7E6D2
| (9,5,18,0)
|
| 지백색(紙白色)
| #E3DDCB
| (6,6,17,4)
|
| 소색(素色)
| #D8C8B2
| (10,15,26,5)
|
<rowcolor=#fff> '''색'''
| '''명칭'''
| '''헥스 코드'''
#RRGGBB
| '''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)
|
| 훈색(纁色)
| #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)
|
<rowcolor=#fff> '''색'''
| '''명칭'''
| '''헥스 코드'''
#RRGGBB
| '''10진 코드'''
(C,M,Y,K)
|
| 황색
| #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)
|
| 금색
| 별색[11] 헥스코드로 금색은 '''#FFD700''', 은색은 '''#C0C0C0'''이다.
|
|
<rowcolor=#fff> '''색'''
| '''명칭'''
| '''헥스 코드'''
#RRGGBB
| '''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)
|
<rowcolor=#fff> '''색'''
| '''명칭'''
| '''헥스 코드'''
#RRGGBB
| '''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.3. 색으로 불리지만 색이 아닌 것
- 투명: 이 색을 표현하려면 RGB에 Alpha(투명도)를 추가한 RGBA를 가져와야 하며 현실에서는 모두 투과시킴을 의미한다. CSS에서는
transparent
로 투명을 설정할 수 있다.
6. 헥스 코드가 문서명인 문서
7. 그 외 색상 표현법
- 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 표현법: 프린터 잉크 색의 합성 등에 쓰이는 방식으로, 위와 달리 성분 색의 강도가 높을수록 어두워지는 감산 혼합 방식이다.
8. 기타
- 연예 기획사에선 공식색 충돌 논란을 미리 막기 위해 CMYK, RGB, 팬톤 컬러코드와 함께 공식색을 병기하는 용도로 쓰이기도 한다. 대표적인 케이스가 청하, JBJ.
- 일본에서 쓰이는 색상코드는 이 사이트에서 알아볼 수 있다.
- 해외의 자료로는 색과사전(ency'color'pedia)을 참고하면 좋다. 영어로 이름 붙여진 색들이 많다. 삼성 블루(Samsung blue) 등의 별의 별 색까지 헥스 코드 형태로 등록되었다. 한국어판도 존재하지만 다른 언어판에 비해 이름 붙여진 색이나, 색들의 정보는 매우 적다. 심지어 한국어판보다 이름 붙여진 색의 수가 적은 언어는 인도네시아어밖에 없다. 시 그린을 해록색, 스프링 그린을 춘록색 등으로 현지화하는 작업이라도 필요하겠지만, 위키위키 엔진처럼 누구나 편집할 수는 없다.