여러 色相을 表現하지마라 본
웹 色相
(web colors)은
월드 와이드 웹
에서
웹 페이지
詩에 使用되는 色이다.
웹 사이트
를 만들 때, 여러 方法으로
色
을 指定할
웹에서 十六進數雙으로
色
을 表現하는 方法은
RGB 加算混合
에 依한 것이다. 敵(red), 綠(green), 靑(blue)에 該當하는 두 자리
十六進數
세 雙으로 色깔을 나타낼 수 있다. 한 채널에 1
바이트
가 割當되므로 모두 3바이트의 情報로 色을 表現한다. 웹에서 色을 指定할 때에는 特殊記號
#
과 3雙의 두자리 十六進數를 連續하여 使用한다.
- 表記形式
特殊記號
|
Red 채널
|
Green 채널
|
Blue 채널
|
#
|
00~FF
|
00~FF
|
00~FF
|
- 表記 예
- 表現 範圍
- 두자리의 十六進數가 表現할 수 있는 範圍는 00부터 FF까지(십진수 0에서 255까지)이다. (
十六進法
參照) 卽, 하나의 채널은 256 가지의 色을 表現할 수 있다.
- 웹 色相의 十六進法 表記는 各 채널 黨 256個의 色을 表現하므로 3채널 모두를 使用하여 나타낼 수 있는 色相은 16,777,216가지(256
3
)가 된다.
- 이름 參照
- 十六進法에 依한 웹 色相表記 中에서 자주 쓰이는 것은 特別히 이름을 붙여 두었다. 아래의 說明과 같이 이름이 있는 色은 十六進法에 依한 表現 代身 이름으로 表現할 수 있다.
웹 安全 色相
[
編輯
]
- 互換性을 위해 16,777,216가지나 되는 色의 가짓數를 大幅 줄여서 標準으로 設定한 色을 말한다. 웹 安全 色相의 色 값은 모두 51의 排水路 이루어져 있다. (이는 最大값人 255를 5로 나눈 것이다.) 各各 0, 51, 102, 153, 204, 255의 6段階로 이루어져 있으며 (00, 33, 66, 99, CC, FF) 表現 可能한 가짓數는 모두 216가지(6
3
)이다.
밑의 色相表는 旣存 RGB의 6글字를 3글字로 줄인 것이다. 例로, 609番은 RGB코드의 660099番과 一致한다. 또한, 22個의 "가장 安全한" 웹 色相은 밑줄 標示가 되어 있다.
HTML 色 이름
[
編輯
]
HTML
4.01 標準에는 16가지 色깔 이름이 定義되어 있다.
X11 色 이름
[
編輯
]
넷스케이프
나
인터넷 익스플로러
같은 브라우저에는 別途로 여러 色相들이 定義되었으며, 特定한 브라우저에서는 이런 色相을 認識하지 못할 수도 있다. 이들 色相 中 多數가
X 윈도 시스템
에서 分類된 X11 色 이름에서 가져온 것이다. CSS를 支援하는 大部分의 HTML 使用者 에이전트가 이 色相들을 支援한다.
아래는 X11 色 이름과 各各에 該當하는 16眞數 코드의 目錄이다.
色相
|
16眞數
|
色相
|
16眞數
|
indianred
|
#cd5c5c
|
darksalmon
|
#e9967a
|
lightcoral
|
#f08080
|
salmon
|
#fa8072
|
orangered
|
#ff4500
|
red
(빨간色)
|
#ff0000
|
crimson(다紅)
|
#dc143c
|
firebrick
|
#b22222
|
darkred(黑赤色)
|
#8b0000
|
mediumvioletred
|
#c71585
|
pink(粉紅)
|
#ffc0cb
|
lightpink(軟粉紅)
|
#ffb6c1
|
hotpink
|
#ff69b4
|
deeppink(津粉紅)
|
#ff1493
|
palevioletred
|
#db7093
|
darkkhaki
|
#bdb76b
|
khaki
|
#f0e68c
|
palegoldenrod
|
#eee8aa
|
lightgoldenrodyellow
|
#fafad2
|
lightyellow(밝은노랑)
|
#ffffe0
|
lemonchiffon
|
#fffacd
|
yellow
(노랑)
|
#ffff00
|
gold
(金色)
|
#ffd700
|
papayawhip
|
#ffefd5
|
moccasin
|
#ffe4b5
|
peachpuff
|
#ffdab9
|
cyan(玉色)
|
#00ffff
|
aqua
|
#00ffff
|
aquamarine
|
#7fffd4
|
turquoise(터키玉色)
|
#40e0d0
|
mediumturquoise
|
#48d1cc
|
darkturquoise
|
#00ced1
|
cadetblue
|
#5f9ea0
|
slategray
|
#708090
|
lightcyan
|
#e0ffff
|
paleturquoise
|
#afeeee
|
powderblue
|
#b0e0e6
|
lightsteelblue
|
#b0c4de
|
steelblue
|
#4682b4
|
lightblue(밝은파랑)
|
#add8e6
|
skyblue(하늘色)
|
#87ceeb
|
lightskyblue
|
#87cefa
|
deepskyblue
|
#00bfff
|
cornflowerblue
|
#6495ed
|
royalblue
|
#4169e1
|
mediumslateblue
|
#7b68ee
|
dodgerblue
|
#1e90ff
|
blue(파랑)
|
#0000ff
|
mediumblue
|
#0000cd
|
darkblue
|
#00008b
|
navy(藍色)
|
#000080
|
midnightblue
|
#191970
|
lightsalmon
|
#ffa07a
|
orange(오렌지色)
|
#ffa500
|
darkorange
|
#ff8c00
|
coral
|
#ff7f50
|
tomato
|
#ff6347
|
orangered
|
#ff4500
|
aquamarine
|
#7fffd4
|
mediumspringgreen
|
#00fa9a
|
springgreen(춘綠色)
|
#00ff7f
|
palegreen
|
#98fb98
|
greenyellow(草綠노랑)
|
#adff2f
|
chartreuse
|
#7fff00
|
lawngreen
|
#7cfc00
|
lime(라임色)
|
#00ff00
|
lightgreen
|
#90ee90
|
yellowgreen(노랑草綠)
|
#9acd32
|
limegreen(라임草綠)
|
#32cd32
|
mediumseagreen
|
#3cb371
|
darkseagreen
|
#8fbc8f
|
forestgreen
|
#228b22
|
seagreen
|
#2e8b57
|
green(草綠)
|
#008000
|
olivedrab
|
#6b8e23
|
olive(올리브色)
|
#808000
|
darkolivegreen
|
#556b2f
|
darkgreen
|
#006400
|
mediumaquamarine
|
#66cdaa
|
turquoise
|
#40e0d0
|
lightseagreen
|
#20b2aa
|
darkcyan
|
#008b8b
|
teal
|
#008080
|
lavender(라벤더色)
|
#e6e6fa
|
thistle
|
#d8bfd8
|
plum(자두色)
|
#dda0dd
|
violet(紫朱色)
|
#ee82ee
|
fuchsia
|
#ff77ff
|
magenta(마젠타色)
|
#ff00ff
|
orchid(蘭草色)
|
#da70d6
|
mediumorchid
|
#ba55d3
|
darkorchid
|
#9932cc
|
blueviolet(靑瓷色)
|
#8a2be2
|
darkviolet
|
#9400d3
|
mediumpurple
|
#9370db
|
slateblue
|
#6a5acd
|
purple(보라色)
|
#800080
|
darkmagenta
|
#8b008b
|
darkslateblue
|
#483d8b
|
indigo
|
#4b0082
|
honeydew
|
#f0fff0
|
mintcream
|
#f5fffa
|
azure
|
#f0ffff
|
aliceblue
|
#f0f8ff
|
GhostWhite
|
#f8f8ff
|
whitesmoke
|
#f5f5f5
|
lavenderblush
|
#fff0f5
|
mistyrose
|
#ffe4e1
|
antiquewhite
|
#faebd7
|
seashell(조개色)
|
#fff5ee
|
snow(눈色)
|
#fffafa
|
white(하양)
|
#ffffff
|
beige(베이지)
|
#f5f5dc
|
linen(亞麻布色)
|
#faf0e6
|
oldlace
|
#fdf5e6
|
floralwhite
|
#fffaf0
|
ivory(象牙色)
|
#fffff0
|
gainsboro
|
#dcdcdc
|
lightgrey(밝은 灰色)
|
#d3d3d3
|
silver(銀色)
|
#c0c0c0
|
darkgray
|
#a9a9a9
|
gray(灰色)
|
#808080
|
dimgray
|
#696969
|
darkslategray
|
#2f4f4f
|
lightslategray
|
#778899
|
slategray
|
#708090
|
cornsilk
|
#fff8dc
|
blanchedalmond
|
#ffebcd
|
bisque
|
#ffe4c4
|
navajowhite
|
#ffdead
|
wheat
|
#f5deb3
|
sandybrown
|
#f4a460
|
goldenrod
|
#daa520
|
darkgoldenrod
|
#b8860b
|
peru
|
#cd853f
|
chocolate
|
#d2691e
|
maroon(赤褐色)
|
#800000
|
saddlebrown
|
#8b4513
|
brown(褐色)
|
#a52a2a
|
sienna
|
#a0522d
|
darkred
|
#8b0000
|
burlywood
|
#deb887
|
tan(黃褐色)
|
#d2b48c
|
rosybrown
|
#bc8f8f
|
black(검정色)
|
#000000
|
chrome(황연色)
|
#F7E600
|
CSS 色相
[
編輯
]
CSS
言語에서는 HTML 4.01에 定義된 色相 이름을 다시 定義하고 있다. CSS 2.1에서는 여기에 "오렌지 色"을 追加로 定義했다.
같이 보기
[
編輯
]