網頁顏色- 維基百科,自由的百科全書
文章推薦指數: 80 %
由於網頁是基於計算機瀏覽器開發的媒體,所以顏色以光學顏色RGB(紅、綠、藍)為主。
網頁顏色是以16進位代碼表示,一般以「#」號開頭,後面分別為R、G、B的16位進位數 ...
網頁顏色
維基百科,自由的百科全書
跳至導覽
跳至搜尋
此條目需要更新。
(2022年4月24日)請更新本文以反映近況和新增內容。
完成修改時,請移除本模板。
此條目需要補充更多來源。
(2022年4月24日)請協助補充多方面可靠來源以改善這篇條目,無法查證的內容可能會因為異議提出而移除。
致使用者:請搜尋一下條目的標題(來源搜尋:"網頁顏色"—網頁、新聞、書籍、學術、圖像),以檢查網路上是否存在該主題的更多可靠來源(判定指引)。
WebColorCharts
HTML
HTML
動態HTML
HTML5
音頻(英語:HTML5Audio)
畫布
視頻(英語:HTML5video)
XHTML
基礎(英語:XHTMLBasic)
移動概要
C-HTML
HTML元素
Span與div
HTML特性(英語:HTMLattribute)
HTML框架(英語:Framing(WorldWideWeb))
HTML編輯器
字符編碼
Unicode(英語:UnicodeandHTML)
語言代碼
文檔對象模型
瀏覽器對象模型
樣式表
層疊樣式表
字體家族
網頁顏色
HTML腳本(英語:HTMLscripting)
JavaScript
WebGL
WebCL(英語:WebCL)
W3C
驗証服務
網頁超文本應用技術工作小組
怪異模式
網頁存儲
排版引擎
比較
文檔標記語言
網頁瀏覽器
HTML
非標準HTML
HTML5(英語:Comparisonoflayoutengines(HTML5))
畫布
媒體
XHTML
1.1
閱論編
網頁顏色是在全球資訊網上設計網頁時,表示各種顏色的方法。
顏色可以用三組十六進位數字表示,部分常用顏色或和上下文相關的內容也可以用英語名稱的「關鍵字」來表示。
此外還有直接使用多組十進位表示的方法。
目次
1十六進位數字表示方法
2十進位「函數」表示
3顏色名稱
3.1X11名稱
4網頁安全顏色
4.1網頁最安全顏色
4.2基本16色
5漸變色
6參考文獻
7參見
8外部連結
十六進位數字表示方法[編輯]
在HTML和CSS中使用3位元組共6個十六進位數字表示一種顏色,每位元組從00到FF,相當十進位數字從0到255,按順序前兩位是紅色的值,中間兩位是綠色的值,最後兩位是藍色的值。
由於網頁是基於計算機瀏覽器開發的媒體,所以顏色以光學顏色RGB(紅、綠、藍)為主。
網頁顏色是以16進位代碼表示,一般以「#」號開頭,後面分別為R、G、B的16位進位數。
FF為最大數,代表十進位255。
比如白色是R、G、B三個顏色最大,在網頁代碼便是:#FFFFFF。
黑色是三個顏色為0,在網頁代碼便是:#000000。
當顏色代碼為#XXYYZZ時,可以用#XYZ表示,如#135與#113355表示同樣的顏色。
在CSS中,也可以使用rgb(127,127,127)代替#7F7F7F(十進位表示)。
例如一種顏色在十進位中紅、綠、藍的比例分別是36、104、160(■),在十六進位制中則分別為24、68、A0,所以十六進位制數字表示方法就為:2468A0,如果數字小於16,在十六進位中就會小於10,前面就要加0,如在十進位中分別為0、1、2,在十六進位制數字表示方法中就為:000102,所以可以表示的顏色數總共有:2563=16,777,216種。
[1]
CSS顏色模塊第四版引入了#RRGGBBAA和#RGBA的表示方式。
十進位「函數」表示[編輯]
從CSS2.1開始,提供有rgb(red,green,blue)的十進位顏色代碼。
從CSS3開始,網頁顏色支持RGBA和HSLA顏色表示法:
rgba(255,0,0,0.5)-半透明的紅色。
hsla(120,100%,50%,0.3)-半透明(0.3)的綠色。
這樣的語法提供了使用透明色的可能性。
[1]
顏色名稱[編輯]
SVG中的X11顏色
在HTML4.01版本中,確定了16種顏色的英語名稱與16進制代碼:
中文
英文
代碼&顏色
中文
英文
代碼&顏色
中文
英文
代碼&顏色
中文
英文
代碼&顏色
黑色
black
#000000
銀色
silver
#c0c0c0
栗色
maroon
#800000
紅色
red
#ff0000
深藍色
navy
#000080
藍色
blue
#0000ff
紫色
purple
#800080
品紅色
fuchsia
#ff00ff
綠色
green
#008000
萊姆色
lime
#00ff00
橄欖色
olive
#808000
黃色
yellow
#ffff00
墨綠色
teal
#008080
青色
cyan
#00ffff
灰色
gray
#808080
白色
white
#ffffff
後來加入的名稱如下所列:
CSS顏色模塊版本
中文
英文
代碼&顏色
注釋
2.1
橙色
orange
#ffa500
3
透明
transparent
#00000000
此處的RGBA十六進位值只適用於CSS顏色模塊版本4。
4
麗貝卡紫
rebeccapurple
#663399
用來悼念埃里克·邁耶的女兒。
[2]
除此之外,CSS3(CSS顏色模塊版本3)接納了絕大部分X11顏色(或稱SVG顏色)。
X11名稱[編輯]
網景導航者和InternetExplorer又增加了一些顏色的名稱,是由X窗口系統制定的。
SVG1.0把這些顏色標準化,逐漸被大多數HTML用戶接受。
實名
16進制
10進制
紅色系
Red純紅
FF0000
25500
LightSalmon淺鮭魚色
FFA07A
255160122
Salmon鮭魚色
FA8072
250128114
DarkSalmon深鮭魚色
E9967A
233150122
LightCoral淡珊瑚色
F08080
240128128
IndianRed印度紅
CD5C5C
2059292
Crimson猩紅
DC143C
2202060
FireBrick火磚色
B22222
1783434
DarkRed深紅
8B0000
13900
粉紅色系
Pink粉紅
FFC0CB
255192203
LightPink淺粉
FFB6C1
255182193
HotPink熱情粉紅
FF69B4
255105180
DeepPink深粉
FF1493
25520147
PaleVioletRed蒼紫羅蘭紅
DB7093
219112147
MediumVioletRed中紫羅蘭紅
C71585
19921133
橙色系
Orange橙色
FFA500
2551650
DarkOrange深橙
FF8C00
2551400
Coral珊瑚色
FF7F50
25512780
Tomato番茄色
FF6347
2559971
OrangeRed橙紅
FF4500
255690
黃色系
Yellow純黃
FFFF00
2552550
LightYellow淺黃
FFFFE0
255255224
LemonChiffon檸檬薄紗
FFFACD
255250205
LightGoldenrodYellow淺秋麒麟黃
FAFAD2
250250210
PapayaWhip番木瓜色
FFEFD5
255239213
Moccasin鹿皮鞋色
FFE4B5
255228181
PeachPuff桃色
FFDAB9
255218185
PaleGoldenrod灰秋麒麟色
EEE8AA
238232170
Khaki卡其布色
F0E68C
240230140
DarkKhaki深卡其布色
BDB76B
189183107
Gold金色
FFD700
2552150
紫色系
Purple紫色
800080
1280128
Lavender淡薰衣草紫
E6E6FA
230230250
Thistle薊色
D8BFD8
216191216
Plum李子色
DDA0DD
221160221
Violet紫羅蘭色
EE82EE
238130238
Orchid蘭花紫
DA70D6
218112214
Fuchsia燈籠海棠色
FF00FF
2550255
Magenta洋紅
FF00FF
2550255
MediumOrchid中蘭花紫
BA55D3
18685211
MediumPurple中紫
9370DB
147112219
Amethyst紫水晶色
9966CC
153102204
BlueViolet深紫羅蘭藍
8A2BE2
13843226
DarkViolet深紫羅蘭色
9400D3
1480211
DarkOrchid深蘭花紫
9932CC
15350204
DarkMagenta深洋紅
8B008B
1390139
MediumSlateBlue中板岩暗藍灰
7B68EE
123104238
SlateBlue板岩暗藍灰
6A5ACD
10690205
DarkSlateBlue深岩暗藍灰
483D8B
7261139
Indigo靛青
4B0082
750130
實名
16進制
10進制
綠色系
Green純綠
008000
01280
PaleGreen蒼綠
98FB98
152251152
LightGreen淡綠
90EE90
144238144
YellowGreen黃綠
9ACD32
15420550
GreenYellow綠黃
ADFF2F
17325547
Chartreuse查特酒綠
7FFF00
1272550
LawnGreen草坪綠
7CFC00
1242520
Lime青檸色
00FF00
02550
LimeGreen青檸綠
32CD32
5020550
MediumSpringGreen中春綠
00FA9A
0250154
SpringGreen春綠
00FF7F
0255127
MediumAquamarine中碧綠
66CDAA
102205170
Aquamarine碧綠
7FFFD4
127255212
LightSeaGreen淺海洋綠
20B2AA
32178170
MediumSeaGreen中海洋綠
3CB371
60179113
SeaGreen海洋綠
2E8B57
4613987
DarkSeaGreen深海洋綠
8FBC8F
143188143
ForestGreen森林綠
228B22
3413934
DarkGreen深綠
006400
01000
OliveDrab橄欖土褐
6B8E23
10714235
Olive橄欖
808000
1281280
DarkOliveGreen深橄欖綠
556B2F
8510747
Teal深青
008080
0128128
藍色系
Blue純藍
0000FF
00255
LightBlue淡藍
ADD8E6
173216230
PowderBlue粉藍
B0E0E6
176224230
PaleTurquoise蒼綠松石色
AFEEEE
175238238
MediumTurquoise中綠松石色
48D1CC
72209204
Turquoise綠松石色
40E0D0
64224208
DarkTurquoise深綠松石色
00CED1
0206209
LightCyan淺青
E0FFFF
224255255
Cyan青色
00FFFF
0255255
Aqua水色
00FFFF
0255255
DarkCyan深青
008B8B
0139139
CadetBlue學員藍
5F9EA0
95158160
LightSteelBlue淡鋼藍
B0C4DE
176196222
SteelBlue鋼藍
4682B4
70130180
LightSkyBlue淡天藍
87CEFA
135206250
SkyBlue天藍
87CEEB
135206235
DeepSkyBlue深天藍
00BFFF
0191255
DodgerBlue道奇藍
1E90FF
30144255
CornflowerBlue矢車菊藍
6495ED
100149237
RoyalBlue寶藍
4169E1
65105225
MediumBlue中藍
0000CD
00205
DarkBlue深藍
00008B
00139
Navy海軍藍
000080
00128
MidnightBlue午夜藍
191970
2525112
實名
16進制
10進制
褐色系
Brown純褐
A52A2A
1654242
Cornsilk玉米絲色
FFF8DC
255248220
BlanchedAlmond白杏仁色
FFEBCD
255235205
Bisque濃湯色
FFE4C4
255228196
NavajoWhite納瓦霍白
FFDEAD
255222173
Wheat小麥色
F5DEB3
245222179
BurlyWood硬木色
DEB887
222184135
Tan棕褐
D2B48C
210180140
RosyBrown玫瑰金
BC8F8F
188143143
SandyBrown沙褐
F4A460
24416496
Goldenrod金菊色
DAA520
21816532
DarkGoldenrod深金菊色
B8860B
18413411
Peru秘魯色
CD853F
20513363
Chocolate巧克力色
D2691E
21010530
SaddleBrown鞍褐色
8B4513
1396919
Sienna赭黃
A0522D
1608245
Maroon栗色
800000
12800
白色系
White純白
FFFFFF
255255255
Snow雪白
FFFAFA
255250250
Honeydew哈密瓜色
F0FFF0
240255240
MintCream薄荷奶油色
F5FFFA
245255250
Azure天藍白
F0FFFF
240255255
AliceBlue愛麗絲藍
F0F8FF
240248255
GhostWhite幽靈白
F8F8FF
248248255
WhiteSmoke煙燻白
F5F5F5
245245245
Seashell貝殼白
FFF5EE
255245238
Beige米白
F5F5DC
245245220
OldLace舊蕾絲白
FDF5E6
253245230
FloralWhite花白
FFFAF0
255250240
Ivory象牙白
FFFFF0
255255240
AntiqueWhite古董白
FAEBD7
250235215
Linen亞麻白
FAF0E6
250240230
LavenderBlush薰衣草紫紅
FFF0F5
255240245
MistyRose霧玫瑰色
FFE4E1
255228225
灰色系與黑色系
Gray純灰
808080
128128128
Gainsboro庚斯博羅灰
DCDCDC
220220220
LightGray淡灰
D3D3D3
211211211
Silver純銀
C0C0C0
192192192
DarkGray深灰
A9A9A9
169169169
DimGray昏灰
696969
105105105
LightSlateGray淡岩灰
778899
119136153
SlateGray岩灰
708090
112128144
DarkSlateGray深岩灰
2F4F4F
477979
Black純黑
000000
000
網頁安全顏色[編輯]
此條目可參照英語維基百科相應條目來擴充。
(2015年9月5日)若您熟悉來源語言和主題,請協助參考外語維基百科擴充條目。
請勿直接提交機械翻譯,也不要翻譯不可靠、低品質內容。
依版權協議,譯文需在編輯摘要註明來源,或於討論頁頂部標記{{Translatedpage}}標籤。
當開發網頁安全顏色(Web-safecolors)調色板時,大部分顯示方式是8位元的,只能顯示256種顏色。
要顯示某種硬體預先定義的顏色以外的顏色,要麼使用最接近的顏色替代,要麼多用一些時間,通過抖動混合顏色顯示。
DavidLehn和HadleyStern發現在更換16位元顯示後,只有22種顏色是「真正安全」(reallysafe)的,可以不會在更換顯示後出現不協調的畸變。
下面列出所有網頁安全顏色,其中以粗體下劃線表示的為「真正安全」顏色:
網頁安全顏色
000
300
600
900
C00
F00
003
303
603
903
C03
F03
006
306
606
906
C06
F06
009
309
609
909
C09
F09
00C
30C
60C
90C
C0C
F0C
00F
30F
60F
90F
C0F
F0F
030
330
630
930
C30
F30
033
333
633
933
C33
F33
036
336
636
936
C36
F36
039
339
639
939
C39
F39
03C
33C
63C
93C
C3C
F3C
03F
33F
63F
93F
C3F
F3F
060
360
660
960
C60
F60
063
363
663
963
C63
F63
066
366
666
966
C66
F66
069
369
669
969
C69
F69
06C
36C
66C
96C
C6C
F6C
06F
36F
66F
96F
C6F
F6F
090
390
690
990
C90
F90
093
393
693
993
C93
F93
096
396
696
996
C96
F96
099
399
699
999
C99
F99
09C
39C
69C
99C
C9C
F9C
09F
39F
69F
99F
C9F
F9F
0C0
3C0
6C0
9C0
CC0
FC0
0C3
3C3
6C3
9C3
CC3
FC3
0C6
3C6
6C6
9C6
CC6
FC6
0C9
3C9
6C9
9C9
CC9
FC9
0CC
3CC
6CC
9CC
CCC
FCC
0CF
3CF
6CF
9CF
CCF
FCF
0F0
3F0
6F0
9F0
CF0
FF0
0F3
3F3
6F3
9F3
CF3
FF3
0F6
3F6
6F6
9F6
CF6
FF6
0F9
3F9
6F9
9F9
CF9
FF9
0FC
3FC
6FC
9FC
CFC
FFC
0FF
3FF
6FF
9FF
CFF
FFF
網頁最安全顏色[編輯]
真正安全用於網頁的22種顏色
0
3
6
9
C
F
00
#000(Black)
#F00(Red)
03
#003
#F03
0F
#00F(Blue)
#F0F(Fuchsia)
F0
#0F0(Lime)
#6F0
#FF0(Yellow)
F3
#3F3
#6F3
#FF3
F6
#0F6
#3F6
#CF6
#FF6
FC
#0FC
#3FC
FF
#0FF(Aqua)
#3FF
#6FF
#FFF(White)
8個括弧內的是「HTML基本16色(日語:カラーチャート#基本16色)」的色名。
[3][4]
基本16色[編輯]
基本16色或標準16色(Basic16Colors)是指在HTML中直接指定顏色的英語名稱就可以顯示出來的16中顏色。
上方:指定的顏色名或RGB值(16進位)
下方:指定字符的顯示效果。
HTML4.0中color屬性可以指定的16色
Red
Maroon
Fuchsia
Purple
#FF0000
#800000
#FF00FF
#800080
Lime
Green
Yellow
Olive
#00FF00
#008000
#FFFF00
#808000
Blue
Navy
Aqua
Teal
#0000FF
#000080
#00FFFF
#008080
White
Silver
Gray
Black
#FFFFFF
#C0C0C0
#808080
#000000
漸變色[編輯]
CSS3引入了漸變色,分為線性漸變(如linear-gradient(#D1EEFC,#81F3FD);)和圓心漸變(如radial-gradient(#FEFD58,#71FCA6,#52EDC7);)兩種。
線性漸變支持方向設定,圓心漸變支持形狀設定。
[1]
參考文獻[編輯]
^1.01.11.2