WEB標準顏色

WEB標準顏色

WEB標準顏色是指可以直接以英文名稱形式在網頁腳本中使用的一組RGB顏色,WEB標準色總計140種。 顏色列表有愛麗絲藍、查特酒綠、玉米穗黃、深金菊黃、陶坯黃、深松石綠、薰衣草紫等。

簡介

概述

WEB標準色總計140種,其中Aqua與Cyan異名同色(青色),Fuchsia與Magenta異名同色(洋紅),所以實際上共有138種。WEB標準顏色是命名顏色的一個子集。

由於歷史原因,WEB標準色中的個別顏色並非其單詞本義,備註如下:Aqua本為水色(175, 223, 238),Fuchsia本為品紅(244, 0, 161),Azure在Web色中是一種淺色但本為湛藍(0, 127, 255)。

另外關於綠色需要特別說明一下,按照顏色值Lime才是RGB顏色空間下的正綠色,而Green不是,WEB標準色英文命名大概是從視覺角度考慮的,所以不妨將Web色中的Green稱為“調和綠”。

譯名原則

1、忠於英文原意,同時兼顧漢語表達習慣;

2、除單色和兩個單色構成的顏色名以及部分指代色外,不加“色”字後綴;

3、指代色是指以植物、動物、景物等命名的顏色,這類顏色名酌情將色調帶出;

4、“light-, dark-, pale-”一律譯成“淺-,深-,白-”,僅灰色例外;

5、如果存在美術術語,則優先使用術語(如湖藍、品藍、藏青)。

顏色列表

顏色名稱 中文名 RGB16進制 RGB10進制 詞源/備註
AliceBlue 愛麗絲藍 #F0F8FF 240, 248, 255 西奧多·羅斯福長女愛麗絲·羅斯福·朗沃斯創造的時尚色
AntiqueWhite 古董白 #FAEBD7 250, 235, 215
AquaMarine 碧 綠 #7FFFD4 127, 255, 212 亦作“碧藍”,但其主色調為綠色
Azure 青白色 #F0FFFF 240, 255, 255 本為湛藍,但在Web色中是一種淺色
Beige 米 色 #F5F5DC 245, 245, 220
Bisque 陶坯黃 #FFE4C4 255, 228, 196
Black 黑 色 #000000 0, 0, 0
BlanchedAlmond 杏仁白 #FFEBCD 255, 235, 205
Blue 藍 色 #0000FF 0, 0, 255
BlueViolet 藍紫色 #8A2BE2 138, 43, 226 即“藍紫羅蘭色”,直譯名稱過長
Brown 褐 色 #A52A2A 165, 42, 42 亦作“棕色”
BurlyWood 硬木褐 #DEB887 222, 184, 135
CadetBlue 軍服藍 #5F9EA0 95, 158, 160
ChartReuse 查特酒綠 #7FFF00 127, 255, 0 一種藥酒,誕生於17世紀的法國
Chocolate 朱古力色 #D2691E 210, 105, 30
Coral 珊瑚紅 #FF7F50 255, 127, 80
CornFlowerBlue 矢車菊藍 #6495ED 100, 149, 237 矢車菊是德國和馬其頓的國花
CornSilk 玉米穗黃 #FFF8DC 255, 248, 220
Crimson 緋 紅 #DC143C 220,20,60 較之猩紅(Scarlet)藍色分量要多些
Cyan/Aqua 青 色 #00FFFF 0, 255, 255
DarkBlue 深 藍 #00008B 0, 0, 139
DarkCyan 深 青 #008B8B 0, 139, 139
DarkGoldenRod 深金菊黃 #B8860B 184, 134, 11 見“GoldenRod”
DarkGray 暗 灰 #A9A9A9 169, 169, 169
DarkGreen 深 綠 #006400 0, 100, 0
DarkKhaki 深卡其色 #BDB76B 189, 183, 107 見“Khaki”
DarkMagenta 深品紅 #8B008B 139, 0, 139
DarkOliveGreen 深橄欖綠 #556B2F 85, 107, 47
DarkOrange 深 橙 #FF8C00 255, 140, 0
DarkOrchid 深洋蘭紫 #9932CC 153, 50, 204 見“Orchid”
DarkRed 深 紅 #8B0000 139, 0, 0
DarkSalmon 深鮭紅 #E9967A 233, 150, 122 見“Salmon”
DarkSeaGreen 深海藻綠 #8FBC8F 143, 188, 143
DarkSlateBlue 深岩藍 #483D8B 72, 61, 139
DarkSlateGray 深岩灰 #2F4F4F 47,79,79
DarkTurquoise 深松石綠 #00CED1 0, 206, 209 見“Turquoise”
DarkViolet 深 紫 #9400d3 148, 0, 211 即“深紫羅蘭色”,直譯名稱過長
DeepPink 深 粉 #FF1493 255, 20, 147
DeepSkyBlue 深天藍 #00BFFF 0, 191, 255
DimGray 昏 灰 #696969 105, 105, 105 是命名顏色中最深的一種灰色
DodgerBlue 湖 藍 #1E90FF 30, 144, 255 洛杉磯道奇棒球隊隊標的顏色
FireBrick 火磚紅 #B22222 178, 34, 34 耐火磚的顏色比普通紅磚要深
FloralWhite 花卉白 #FFFAF0 255, 250, 240 不可簡稱“花白”(後者與斑白同義)
ForestGreen 森林綠 #228B22 34, 139, 34
GainsBoro 庚氏灰 #DCDCDC 220, 220, 220 托馬斯·庚斯博羅,18世紀英國畫家
GhostWhite 幽靈白 #F8F8FF 248, 248, 255
顏色名稱 中文名 RGB16進制 RGB10進制 詞源/備註
Gold 金 色 #FFD700 255, 215, 0
GoldenRod 金菊黃 #DAA520 218, 165, 32 一枝黃花,一種菊科花卉
Gray 灰 色 #808080 128, 128, 128
Green 調和綠 #008000 0, 128, 0 視覺上的正綠色
GreenYellow 黃綠色 #ADFF2F 173, 255, 47 請注意與YellowGreen區分
HoneyDew 蜜瓜綠 #F0FFF0 240, 255, 240 Honeydew即白蘭瓜、蜜瓜
HotPink 艷 粉 #FF69B4 255, 105, 180 不是暖粉,後者應是偏黃的粉色
IndianRed 印度紅 #CD5C5C 205, 92, 92
Indigo 靛 藍 #4B0082 75, 0, 130
Ivory 象牙白 #FFFFF0 255, 255, 240
Khaki 卡其色 #F0E68C 240, 230, 140 Khaki是一種布料的名稱
Lavender 薰衣草紫 #E6E6FA 230, 230, 250
LavenderBlush 薰衣草紅 #FFF0F5 255, 240, 245 “薰衣草紫紅色”的簡略
LawnGreen 草坪綠 #7CFC00 124, 252, 0
LemonChiffon 檸檬綢黃 #FFFACD 255, 250, 205
LightBlue 淺 藍 #ADD8E6 173, 216, 230
LightCoral 淺珊瑚紅 #F08080 240, 128, 128
LightCyan 淺 青 #E0FFFF 224, 255, 255
LightGoldenRodYellow 淺金菊黃 #FAFAD2 250, 250, 210 見“GoldenRod”
LightGray 亮 灰 #D3D3D3 211, 211, 211
LightGreen 淺 綠 #90EE90 144, 238, 144
LightPink 淺 粉 #FFB6C1 255, 182, 193
LightSalmon 淺鮭紅 #FFA07A 255, 160, 122 見“Salmon”
LightSeaGreen 淺海藻綠 #20B2AA 32, 178, 170
LightSkyBlue 淺天藍 #87CEFA 135, 206, 250
LightSlateGray 淺岩灰 #778899 119, 136, 153
LightSteelBlue 淺鋼青 #0C4DE 176, 196, 222
LightYellow 淺 黃 #FFFFE0 255, 255, 224
Lime 綠 色 #00FF00 0, 255, 0 RGB顏色空間的正綠色
LimeGreen 青檸綠 #32CD32 50, 205, 50 Lime是青檸,Lemon才是檸檬
Linen 亞麻色 #FAF0E6 250, 240, 230
Magenta/Fuchsia 洋 紅 #FF00FF 255, 0, 255
Maroon 栗 色 #800000 128, 0, 0
MediumAquaMarine 中碧綠 #66CDAA 102, 205, 170
MediumBlue 中 藍 #0000CD 0, 0, 205
MediumOrchid 中洋蘭紫 #BA55D3 186, 85, 211 見“Orchid”
MediumPurple 中 紫 #9370D8 147, 112, 219
MediumSeaGreen 中海藻綠 #3CB371 60, 179, 113
MediumSlateBlue 中岩藍 #7B68EE 123, 104, 238
MediumSpringGreen 中嫩綠 #00FA9A 0, 250, 154
MediumTurquoise 中松石綠 #48D1CC 72, 209, 204 見“Turquoise”
MediumVioletRed 中紫紅 #C71585 199, 21, 133 “中紫羅蘭紅”,直譯名稱過長
MidNightBlue 午夜藍 #191970 25, 25, 112
MintCream 薄荷乳白 #F5FFFA 245, 255, 250
MistyRose 霧玫瑰紅 #FFE4E1 255, 228, 225 薄霧玫瑰,玫瑰品種之一
Moccasin 鹿皮色 #FFE4B5 255, 228, 181 Moccasin本意為鹿皮鞋
顏色名稱 中文名 RGB16進制 RGB10進制 詞源/備註
NavajoWhite 土著白 #FFDEAD 255, 222, 173 納瓦霍(Navajo)是北美印第安人的一支
Navy 藏 青 #000080 0, 0, 128 美國海軍軍服的顏色,Navy意為海軍
OldLace 舊蕾絲白 #FDF5E6 253, 245, 230
Olive 橄欖色 #808000 128, 128, 0
OliveDrab 橄欖綠 #6B8E23 107, 142, 35
Orange 橙 色 #FFA500 255, 165, 0
OrangeRed 橘 紅 #FF4500 255, 69, 0
Orchid 洋蘭紫 #DA70D6 218, 112, 214 西洋蘭花某品種的顏色
PaleGoldenRod 白金菊黃 #EEE8AA 238, 232, 170 見“GoldenRod”
PaleGreen 白綠色 #98FB98 152, 251, 152
PaleTurquoise 白松石綠 #AFEEEE 175, 238, 238 見“Turquoise”
PaleVioletRed 白紫紅 #D87093 219, 112, 147 “白紫羅蘭紅色”的簡略
PapayaWhip 番木瓜橙 #FFEFD5 255, 239, 213 本意為番木瓜(一種熱帶水果)汁
PeachPuff 粉撲桃色 #FFDAB9 255, 218, 185 Peach是桃,Puff是化妝用的粉撲
Peru 秘魯紅 #CD853F 205, 133, 63 從秘魯國樹金雞納樹中提煉的一種顏料
Pink 粉 色 #FFC0CB 255, 192, 203
Plum 李 紫 #DDA0DD 221, 160, 221 Plum意為李子、梅子
PowderBlue 粉末藍 #B0E0E6 176, 224, 230 得名自洗衣店用來漂染衣物的物質大青
Purple 紫 色 #800080 128, 0, 128
Red 紅 色 #FF0000 255, 0, 0
RosyBrown 玫瑰褐 #BC8F8F 188, 143, 143
RoyalBlue 品 藍 #4169E1 65, 105, 225 直譯為“皇家藍”
SaddleBrown 鞍 褐 #8B4513 139, 69, 19 亦作“馬鞍棕”,馬鞍常見的顏色
Salmon 鮭 紅 #FA8072 250, 128, 114 本意為三文魚,一種鮭科冷水魚類
SandyBrown 沙 褐 #F4A460 244, 164, 96
SeaGreen 海藻綠 #2E8B57 46, 139, 87
SeaShell 貝殼白 #FFF5EE 255, 245, 238
Sienna 土黃赭 #A0522D 160, 82, 45
Silver 銀 色 #C0C0C0 192, 192, 192
SkyBlue 天 藍 #87CEEB 135, 206, 235
SlateBlue 岩 藍 #6A5ACD 106, 90, 205 Slate本意為“板岩”
SlateGray 岩 灰 #708090 112, 128, 144
Snow 雪 白 #FFFAFA 255, 250, 250
SpringGreen 春 綠 #00FF7F 0, 255, 127
SteelBlue 鋼 青 #4682B4 70, 130, 180
Tan 日曬褐 #D2B48C 210, 180, 140
Teal 鴨翅綠 #008080 0, 128, 128 Teal意為綠翅鴨,一種水鴨
Thistle 薊 紫 #D8BFD8 216, 191, 216 菊科薊屬,多刺花卉,舊時蘇格蘭國花
Tomato 番茄紅 #FF6347 255, 99, 71
Turquoise 松石綠 #40E0D0 64, 224, 208 本意為土耳其石即綠松石,一種寶石
Violet 紫羅蘭色 #EE82EE 238, 130, 238
Wheat 麥 色 #F5DEB3 245, 222, 179
White 白 色 #FFFFFF 255, 255, 255
WhiteSmoke 煙霧白 #F5F5F5 245, 245, 245
Yellow 黃 色 #FFFF00 255, 255, 0
YellowGreen 暗黃綠色 #9ACD32 154, 205, 50 注意與GreenYellow區分

相關資料

WEB標準

它是一系列標準的集合。網頁主要由三部分組成:結構、表現和行為。對應的標準也分三方面:結構化標準語言主要包括XHTML和XML, 表現標準語言主要包括CSS,行為標準主要包括對象模型(如W3C DOM)、ECMAScript等。

WEB標準的套用

表格布局,我們經常使用,我們不能因為熟悉就不去學習新的技術,接受新的方法。網站使用WEB標準應注意的有下列幾條規則:

1、要顯示的是HTML或者XHTML。你必須先告訴瀏覽器, 設定DOCTYPE可以確保我到達“目的地”。

2、嚴謹格式的標識這非常容易掌握,把所有的屬性加上引號。

3、正確的嵌套標識,關閉所有打開的標識。每一個標識或者元素都需要關閉。

4、關於XHTML屬性的規則:所有的屬性都必須有一個值。如果沒有值,就用它本身。在HTMIA4.01中checked是不需要值的。而XHTML中它是必須的。

5、最後,XHTML需要你用小寫寫所有的代碼。HTML不區分大小寫,但XHTML區分。它遵循的是XML語法規則。

相關詞條

熱門詞條

聯絡我們