WEB標準顏色是指可以直接以英文名稱形式在網頁腳本中使用的一組RGB顏色，WEB標準色總計140種。
顏色列表有愛麗絲藍、查特酒綠、玉米穗黃、深金菊黃、陶坯黃、深松石綠、薰衣草紫等。
基本介紹
- 中文名：WEB標準顏色
- 定義：W3C組織
- 屬性：RGB顏色
- 對象：非其單詞本義
簡介,概述,譯名原則,顏色列表,相關資料,WEB標準,WEB標準的套用,
簡介
概述
WEB標準色總計140種，其中Aqua與Cyan異名同色（青色），Fuchsia與Magenta異名同色（洋紅），所以實際上共有138種。WEB標準顏色是命名顏色的一個子集。
由於歷史原因，WEB標準色中的個別顏色並非其單詞本義，備註如下：Aqua本為水色(175, 223, 238)，Fuchsia本為品紅(244, 0, 161)，Azure在Web色中是一種淺色但本為湛藍(0, 127, 255)。
譯名原則
1、忠於英文原意，同時兼顧漢語表達習慣；
2、除單色和兩個單色構成的顏色名以及部分指代色外，不加“色”字後綴；
3、指代色是指以植物、動物、景物等命名的顏色，這類顏色名酌情將色調帶出；
4、“light-, dark-, pale-”一律譯成“淺-，深-，白-”，僅灰色例外；
顏色列表
顏色名稱 | 中文名 | 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語法規則。
