網頁顏色- 維基百科,自由的百科全書

文章推薦指數: 80 %
投票人數:10人

由於網頁是基於計算機瀏覽器開發的媒體,所以顏色以光學顏色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.WebTechnologyForDevelopers:CSS.MDN.[2016-08-16].(原始內容存檔於2017-07-05).  ^Trezy.Honoringagreatman.[2016-08-26].(原始內容存檔於2016-08-27).  ^基本色:CSS2.01顏色名稱相容於標準VGA十六色但名稱有些不同 ^最安全色:ウェブカラー#Reallysafepalette(日語:ウェブカラー#Reallysafepalette),Webcolors#Safestwebcolors(英語:Webcolors#Safestwebcolors),DeathoftheWebsafeColorPalette?,Physics.ohio-state.edu,8July2013 參見[編輯] 網際網路主題 設計主題 顏色列表 原色 色彩學 色彩空間 孟塞爾顏色系統 Crayola蠟筆顏色列表(英語:ListofCrayolacrayoncolors) 外部連結[編輯] MDN上的CSS顏色參考(頁面存檔備份,存於網際網路檔案館) kuler(頁面存檔備份,存於網際網路檔案館) 網頁顏色參考 網頁安全調色板的末日,DavidLehn和HadleyStern寫的一篇論文 安全顏色的一種排列 前景顏色表(頁面存檔備份,存於網際網路檔案館) X11顏色表 HTML顏色 十六進位制介紹 各種模式顏色 HTMLColorSpectrumChart HTML顏色(頁面存檔備份,存於網際網路檔案館) HTML顏色代碼(頁面存檔備份,存於網際網路檔案館) wsColorSchemeGenerator2(頁面存檔備份,存於網際網路檔案館) ColorBlender.com|Yourfreeonlinecolormatchingtoolbox 閱論編網頁顏色 white silver gray black navy blue teal aqua或cyan green lime                     olive yellow gold orange red maroon pink fuchsia或magenta purple indigo                     閱論編顏色主題色度學色彩物理學 電磁波譜 光 彩虹 可見光 光譜色彩(英語:Spectralcolor) 發色團 結構色 生物色(英語:Animalcoloration) OnVisionandColors(英語:OnVisionandColors) 同色異譜(英語:Metamerism(color)) 光譜波率分佈(英語:Spectralpowerdistribution) 色彩生物學仿生學 生物色(英語:Animalcoloration) 生物色素 色素細胞 生物結構色 生物發光 偽裝色 保護色 警戒色 迷彩 色覺 彩色視覺 色盲 色盲檢測 四色視覺 色彩恆常性(英語:Colorconstancy) 色彩語碼(英語:Colorterm) 色彩深度 色域 彩色攝影 印刷專色(英語:Spotcolor) 彩色印刷 網頁顏色 色彩映射(英語:Colormapping) 色碼(英語:Colorcode) 色彩管理 Chrominance(英語:Chrominance) 假色 色鍵 色彩偏差 色彩平衡 偏色(英語:Colourcast) 色溫 色差 色彩帶 色調分離 格拉斯曼定律 色彩心理學 色彩象徵主義(英語:Colorsymbolism) 色彩偏好(英語:Colorpreferences) 色溫與照度曲線(英語:Kruithofcurve) 政治色彩 國家代表色 安全色 恐色症(英語:Chromophobia) 色彩療法(英語:Chromotherapy) 查克拉 視錯覺 色彩原理(英語:Philosophyofcolor)色彩空間 色彩模型 加色法 減色法 調色(英語:Colormixing) 原色 間色 三次色(英語:Tertiarycolor) 柔和色(英語:Pastel(color)) 色彩梯度 配色 色彩工具(英語:Colortool) 互補色 類似色 無彩色 單色系 多色系(英語:Polychrome) 不可能的顏色 夜間模式 紋章學的顏色 色彩調和原理 色彩通用設計 色彩理論 色度 色立體 色環 色三角(英語:Colortriangle) 色彩分析(英語:Coloranalysis(art)) 色彩現實主義(英語:Colorrealism(artstyle)) 色彩語碼(英語:Colorterm)文化差異 色彩文化史 膚色 中國傳統色彩 日本傳統色系 色彩民俗地理 語言相對論與顏色命名問題(英語:Linguisticrelativityandthecolornamingdebate) 語言中的藍綠之分(英語:Blue–greendistinctioninlanguage) 染色 色素 染料 色彩尺度 色彩三要素 色相 明度 彩度 色調 色性 二色性(英語:Dichromatism) 灰度圖像 國際色彩組織 彩通 國際照明委員會 國際色彩聯盟 主要顏色 白色 銀色 灰色 黑色 藏青色 藍色 天藍色 水色 天空藍 蔚藍色 青色 藍綠色 祖母綠 綠色 碧綠色 萊姆色 橄欖綠 卡其色 黃色 金色 橙色 米色 褐色 朱色 紅色 緋色 栗色 粉紅色 桃紅色 洋紅色 薰衣草紫 紫水晶色 紫色 靛色 無色 彩虹色 相關領域 視知覺 圖像處理 多原色顯示技術 Quattron 感質 照明 固有色(英語:Localcolor(visualart)) Category 取自「https://zh.wikipedia.org/w/index.php?title=网页颜色&oldid=73481364」 分類:​色彩空間網頁顏色網頁設計隱藏分類:​自2022年4月待更新條目自2022年4月需補充來源的條目拒絕當選首頁新條目推薦欄目的條目自2015年9月需要從英語維基百科翻譯的條目需要從英語維基百科翻譯的條目帶有代碼示例的條目 導覽選單 個人工具 沒有登入討論貢獻建立帳號登入 命名空間 條目討論 臺灣正體 不转换简体繁體大陆简体香港繁體澳門繁體大马简体新加坡简体臺灣正體 查看 閱讀編輯檢視歷史 更多 搜尋 導航 首頁分類索引特色內容新聞動態近期變更隨機條目資助維基百科 說明 說明維基社群方針與指引互助客棧知識問答字詞轉換IRC即時聊天聯絡我們關於維基百科 工具 連結至此的頁面相關變更上傳檔案特殊頁面靜態連結頁面資訊引用此頁面維基數據項目 列印/匯出 下載為PDF可列印版 其他語言 AragonésالعربيةБеларускаяবাংলাBosanskiCatalàНохчийнČeštinaDanskDeutschZazakiΕλληνικάEnglishEsperantoEspañolEestiEuskaraفارسیSuomiFrançaisGalegoहिन्दीHrvatskiMagyarՀայերենBahasaIndonesiaItaliano日本語Jawaქართულიភាសាខ្មែរ한국어LinguaFrancaNovaLimburgsLombardМакедонскиമലയാളംमराठीBahasaMelayuNederlandsNorskbokmålPicardPolskiپنجابیPortuguêsRomânăРусскийSimpleEnglishSlovenščinaShqipSvenskaKiswahiliไทยTagalogTürkçeУкраїнськаاردو吴语Bân-lâm-gú粵語 編輯連結



請為這篇文章評分?