|
|
10번째 줄: |
10번째 줄: |
| [[파일:색상코드 01.png | 400 px]] | | [[파일:색상코드 01.png | 400 px]] |
|
| |
|
| '#'문자 뒤에 [[16진수]]를 세 번 나열하여 첫 번째 구간에는 {{색상|빨강|#FF0000}}, 두 번째 구간에는 {{색상|초록|#00FF00}}, 세 번째 구간에는 {{색상|파랑|#0000FF}}의 정도를 표기한다. 그 범위는 00~FF이며, 숫자가 커질 수록(알파벳이 진행될 수록) 더욱 밝아진다. | | '#'문자 뒤에 [[16진수]]를 세 번 나열하여 첫 번째 구간에는 {{색|#FF0000|빨강}}, 두 번째 구간에는 {{색|#00FF00|초록}}, 세 번째 구간에는 {{색|#0000FF|파랑}}의 정도를 표기한다. 그 범위는 00~FF이며, 숫자가 커질 수록(알파벳이 진행될 수록) 더욱 밝아진다. |
|
| |
|
| 따라서 #000000은 검정색, #FFFFFF는 하얀색이다. | | 따라서 #000000은 검정색, #FFFFFF는 하얀색이다. |
2015년 4월 22일 (수) 17:52 판
개요
색상 코드란 개체의 색상을 표기하기 위해 만들어진 코드이다. 표기하는 방식에는 크게 세 가지가 있다.
기본 : RGB 색상 코드
빨강(Red), 초록(Green), 파랑(Blue)의 3색, 즉 빛의 3원색을 서로 더하는(+) 방식으로 섞어서 색상을 표기하는 방식을 RGB 가산혼합[1]이라고 한다. 이러한 방식으로 색상 코드를 표기할 때는
다음과 같은 표기 방식을 사용한다.
파일:색상코드 01.png
'#'문자 뒤에 16진수를 세 번 나열하여 첫 번째 구간에는 빨강, 두 번째 구간에는 초록, 세 번째 구간에는 파랑의 정도를 표기한다. 그 범위는 00~FF이며, 숫자가 커질 수록(알파벳이 진행될 수록) 더욱 밝아진다.
따라서 #000000은 검정색, #FFFFFF는 하얀색이다.
빨강의 밝기 비교
#000000, #450000, #770000, #9B0000, #FF0000
초록의 밝기 비교
#000000, #004500, #007700, #009B00, #00FF00
파랑의 밝기 비교
#000000, #000045, #000077, #00009B, #0000FF
위 예시를 볼 때, 숫자가 45까지 진행되어도 자세히 보지 않으면 구분이 어려울 정도로 거의 검정색에 가까운 명도를 보인다는 것을 알 수 있을 것이다.
[2]
2자리의 16진수가 표현할 수 있는 범위가 0~255이므로, 위와 같은 방법을 사용한 색상 코드로는 총 16,777,216가지의 색을 표현할 수 있다.
색상 코드표
각 색상에는 따로 정해진 이름이 있는데, 색상 이름 항목에서 자세히 다루도록 한다. 편의를 위해 X11 표준, HTML 4.01을 함께 나열하였다.
여기서는 초록의 정도가 가장 강한 색을 lime(#00FF00)이라 표기한다. green은 #000800.
X11 표준
이름
|
색상 코드
|
이름
|
색상 코드
|
이름
|
색상 코드
|
red
|
#FF0000
|
lime
|
#00FF00
|
blue
|
#0000FF
|
indianred
|
#CD5C5C
|
aquamarine
|
#7FFFD4
|
cyan(=aqua)
|
#00FFFF
|
darksalmon
|
#E9967A
|
mediumspringgreen
|
#00FA9A
|
aqua(=cyan)
|
#00FFFF
|
lightcoral
|
#F08080
|
springgreen
|
#00FF7F
|
mediumturquoise
|
#48D1CC
|
salmon
|
#FA8072
|
palegreen
|
#98FB98
|
darkturquoise
|
#00CED1
|
orangered
|
#FF4500
|
greenyellow
|
#ADFF2F
|
cadetblue
|
#5F9EA0
|
crimson
|
#DC143C
|
chartreuse
|
#7FFF00
|
slategray
|
#708090
|
firebrick
|
#B22222
|
lawngreen
|
#7CFC00
|
lightcyan
|
#E0FFFF
|
darkred
|
#8B0000
|
green
|
#008000
|
paleturquoise
|
#AFEEEE
|
mediumvioletred
|
#C71585
|
lightgreen
|
#90EE90
|
powderblue
|
#B0E0E6
|
pink
|
#FFC0CB
|
yellowgreen
|
#9ACD32
|
lightsteelblue
|
#B0C4DE
|
lightpink
|
#FFB6C1
|
limegreen
|
#32CD32
|
steelblue
|
#4682B4
|
hotpink
|
#FF69B4
|
mediumseagreen
|
#3CB371
|
lightblue
|
#ADD8E6
|
deeppink
|
#FF1493
|
darkseagreen
|
#8FBC8F
|
skyblue
|
#87CEEB
|
paleviolentred
|
#DB7093
|
forestgreen
|
#228B22
|
lightskyblue
|
#87CEFA
|
darkkhaki
|
#BDB76B
|
seagreen
|
#2E8B57
|
deepskyblue
|
#00BFFF
|
khaki
|
#F0E68C
|
olivedrab
|
#6B8E23
|
cornflowerblue
|
#6495ED
|
palegoldenrod
|
#EEE8AA
|
olive
|
#808000
|
royalblue
|
#4169E1
|
lightgoldenrodyellow
|
#FAFAD2
|
darkolivegreen
|
#556B2F
|
mediumslateblue
|
#7B68EE
|
lightyellow
|
#FFFFE0
|
darkgreen
|
#006400
|
dodgerblue
|
#1E90FF
|
lemonchiffon
|
#FFFACD
|
mediumaquamarine
|
#66CDAA
|
mediumblue
|
#0000CD
|
yellow
|
#FFFF00
|
turquoise
|
#40E0D0
|
darkblue
|
#00008B
|
gold
|
#FFD700
|
lightseagreen
|
#20B2AA
|
navy
|
#000080
|
papayawhip
|
#FFEFD5
|
darkcyan
|
#008B8B
|
midnightblue
|
#191970
|
moccasin
|
#FFE4B5
|
teal
|
#008080
|
gainsboro
|
#DCDCDC
|
peachpuff
|
#FFDAB9
|
honeydew
|
#F0FFF0
|
lightgrey
|
#D3D3D3
|
lightsalmon
|
#FFA07A
|
mintcream
|
#F5FFFA
|
silver
|
#C0C0C0
|
orange
|
#FFA500
|
azure
|
#F0FFFF
|
darkgray
|
#A9A9A9
|
darkorange
|
#FF8C00
|
aliceblue
|
#F0F8FF
|
gray(grey)
|
#808080
|
coral
|
#FF7F50
|
ghostwhite
|
#F8F8FF
|
dimgray
|
#696969
|
tomato
|
#FF6347
|
whitesmoke
|
#F5F5F5
|
darkslategray
|
#2F4F4F
|
orangered
|
#FF4500
|
lavenderblush
|
#FFF0F5
|
lightslategray
|
#778899
|
lavender
|
#E6E6FA
|
mistyrose
|
#FFE4E1
|
peru
|
#CD853F
|
thistle
|
#D8BFD8
|
antiquewhite
|
#FAEBD7
|
chocolate
|
#D2691E
|
plum
|
#DDA0DD
|
seashell
|
#FFF5EE
|
maroon
|
#800000
|
violet
|
#EE82EE
|
snow
|
#FFFAFA
|
saddlebrown
|
#8B4513
|
fuchsia(=magenta)
|
#FF00FF
|
beige
|
#F5F5DC
|
brown
|
#A52A2A
|
magenta(=fuchsia)
|
#FF00FF
|
linen
|
#FAF0E6
|
sienna
|
#A0522D
|
orchid
|
#DA70D6
|
oldlace
|
#FDF5E6
|
darkred
|
#8B0000
|
cornsilk
|
#FFF8DC
|
floralwhite
|
#FFFAF0
|
burlywood
|
#DEB887
|
blanchedalmond
|
#FFEBCD
|
ivory
|
#FFFFF0
|
tan
|
#D2B48C
|
bisque
|
#FFE4E4
|
mediumorchid
|
#BA55D3
|
rosybrown
|
#BC8F8F
|
navajowhite
|
#FFDEAD
|
darkorchid
|
#9932CC
|
mediumpurple
|
#9370DB
|
blueviolet
|
#8A2BE2
|
darkviolet
|
#9400D3
|
darkmagenta
|
#8B008B
|
slateblue
|
#6A5ACD
|
purple
|
#800080
|
wheat
|
#F5DEB3
|
darkslateblue
|
#483D8B
|
indigo
|
#4B0082
|
darkgoldenrod
|
#B8860B
|
sandybrown
|
#F4A460
|
goldenrod
|
#DAA520
|
|
|
black
|
#000000
|
white
|
#FFFFFF
|
|
|
|
HTML 4.01
이름
|
색상 코드
|
이름
|
색상 코드
|
이름
|
색상 코드
|
red
|
#FF0000
|
lime
|
#00FF00
|
blue
|
#0000FF
|
white
|
#FFFFFF
|
black
|
#000000
|
gray(grey)
|
#808080
|
teal
|
#008080
|
green
|
#008000
|
aqua
|
#00FFFF
|
silver
|
#C0C0C0
|
maroon
|
#800000
|
purple
|
#800080
|
olive
|
#808000
|
navy
|
#000080
|
fuchsia
|
#FF00FF
|
yellow
|
#FFFF00
|
|
|
|
|
|
웹 안전 색상
웹 안전 색상이란 호환성을 위해, 즉 '여기서는 구분되던 색상이 저기서는 구분되지 않는 경우'를 피하기 위해 위의 색의 가짓수를 대폭 요약해서 표준으로 설정한 색을 말한다.
각 색에서 256가지 단계를 다 세는 것이 아닌, 255를 5로 나눈 숫자인 51을 기준으로 0에서부터 뛰어세기하여 0, 51, 102, 153, 204, 255의 여섯 번만을 세는 방식이다.
웹 안전 색상은 모두 216가지[3]이며 그 중 '가장 안전한 색상' 22가지가 존재한다.
그 외
ASS파일에서 쓰이는 색상코드가 따로 있다. 관련 항목 참조.
- ↑ 색이 진하게 섞이면 섞일 수록 하얀색에 가까워진다.
- ↑ 표기되는 환경에 따라 다소 차이가 있다.
- ↑ 각 색상당 여섯 번을 세게 되므로 6x6x6=216이다.