<p><b>網頁顏色</b>是設計網頁時表示各種顏色的方法。顏色可以用三組十六進位數字表示，部分常用顏色或和上下文相關的內容也可以用英語名稱的「關鍵字」來表示。此外還有直接使用多組十進位表示的方法。
</p>


<h2><span id=".E5.8D.81.E5.85.AD.E8.BF.9B.E5.88.B6.E6.95.B0.E5.AD.97.E8.A1.A8.E7.A4.BA.E6.96.B9.E6.B3.95"></span><span id="十六进制数字表示方法">十六進位數字表示方法</span></h2>
<p>HTML和CSS用3位元組共6位十六進位數字表示一種色，每位元組從00到FF，相當十進位數字0到255，前兩位是紅色的值，中兩位是綠色的值，後兩位是藍色的值。
</p><p>網頁是基於計算機瀏覽器開發的媒體，顏色以光學顏色RGB（紅、綠、藍）為主。網頁顏色以16進位代碼表示，一般以「#」號開頭，後面分別為R、G、B的16位進位數。FF最大，代表十進位255。比如白色是R、G、B三色最大，網頁代碼是#FFFFFF。黑色是三色為0，網頁代碼是#000000。#XXYYZZ顏色代碼可用#XYZ表示，如#135與#113355同色。在CSS中，也可用<code>rgb(127,127,127)</code>代替#7F7F7F（十進位表示）。
</p><p>例如一種顏色在十進位中紅、綠、藍的比例分別是36、104、160（<span>■</span>），在十六進位制中則分別為24、68、A0，所以十六進位制數字表示方法就為2468A0，如果數字小於16，在十六進位就小於10，前面就要加0，如在十進位分別為0、1、2，在十六進位制數字表示方法就為000102，所以可表示的顏色數總共有256<sup>3</sup>＝1677萬7216種。</p><p>CSS顏色模塊第四版引入了#RRGGBBAA和#RGBA的表示方式。
</p>
<h2><span id=".E5.8D.81.E8.BF.9B.E5.88.B6.E2.80.9C.E5.87.BD.E6.95.B0.E2.80.9D.E8.A1.A8.E7.A4.BA"></span><span id="十进制“函数”表示">十進位「函數」表示</span></h2>
<p>CSS2.1開始有<code>rgb(red,green,blue)</code>的十進位顏色代碼。
</p><p>CSS3開始有RGBA和HSLA表示法，可表示透明色：</p>
<ul><li><code><span>rgba(255,0,0,0.5)</span></code>：半透明紅色。</li>
<li><code><span>hsla(120,100%,50%,0.3)</span></code>：半透明（0.3）綠色。</li></ul><h2><span id=".E9.A2.9C.E8.89.B2.E5.90.8D.E7.A7.B0"></span><span id="颜色名称">顏色名稱</span></h2>


<p>HTML4.01版本確定了16種顏色的英語名稱與16進制代碼：
</p>
<p>後來加入如下名稱：
</p>
<p>除此之外，CSS3（CSS顏色模塊版本3）接納絕大部分X11顏色（或稱SVG色）。
</p>
<h3><span id="X11.E5.90.8D.E7.A7.B0"></span><span id="X11名称">X11名稱</span></h3>
<p>網景導航者和Internet Explorer又增加了一些顏色名稱，由X窗口系統制定。包括常用同義詞：aqua（水色、HTML4/CSS 1.0標準名稱）和cyan（青色、常用sRGB名稱）、fuchsia（品紅色、HTML4/CSS 1.0標準名稱）和magenta（洋紅色、常用sRGB名稱）、gray（HTML4/CSS 1.0標準名稱）和grey。SVG 1.0將這些顏色定為標準，逐漸獲大多數HTML用戶接受。
</p>
<h2><span id=".E7.B6.B2.E9.A0.81.E5.AE.89.E5.85.A8.E9.A2.9C.E8.89.B2"></span><span id="網頁安全颜色">網頁安全顏色</span></h2>
<p>開發網頁安全顏色（Web-safe colors）調色板時，大部分顯示方式是8位元，只能顯示256種色。要顯示某種硬體預先定義的顏色以外的顏色，要麼使用最接近的顏色替代，要麼多用一些時間，抖動混合顯示顏色。
</p><p>David Lehn和Hadley Stern發現在更換16位元顯示後，只有22種顏色是「真正安全」（really safe），更換顯示後不會出現不協調畸變。
</p><p>下面列出所有網頁安全顏色，<b><u>粗體下劃線</u></b>表示的為「真正安全」顏色：
</p>
<h3><span id=".E7.B6.B2.E9.A0.81.E6.9C.80.E5.AE.89.E5.85.A8.E9.A1.8F.E8.89.B2"></span><span id="網頁最安全顏色">網頁最安全顏色</span></h3>
<p>8組括弧內的是「<span data-orig-title="HTML基本16色" data-lang-code="ja" data-lang-name="日語" data-foreign-title="カラーチャート#基本16色"><span>HTML基本16色</span></span>」的名。</p>
<h3><span id=".E5.9F.BA.E6.9C.AC16.E8.89.B2"></span><span id="基本16色">基本16色</span></h3>
<p><b>基本16色</b>或<b>標準16色</b>（Basic 16 Colors）是指在HTML直接指定其英語名就可以顯示出來的16色。
</p>
<ul><li><b>上方</b>：指定的<b>顏色名</b>或<b>RGB值</b>（16進位）</li>
<li><b>下方</b>：指定字符的<b>顯示效果</b>。</li></ul><h2><span id=".E6.B8.90.E5.8F.98.E8.89.B2"></span><span id="渐变色">漸變色</span></h2>
<p>CSS3引入了漸變色，分為線性漸變（如<code style="background: linear-gradient(#D1EEFC, #81F3FD);">linear-gradient(#D1EEFC, #81F3FD);</code>）和圓心漸變（如<code style="background: radial-gradient(#FEFD58, #71FCA6, #52EDC7);">radial-gradient(#FEFD58, #71FCA6, #52EDC7);</code>）兩種。線性漸變可設定方向，圓心漸變可設定形狀。</p>
<h2><span id=".E5.8F.82.E8.80.83.E6.96.87.E7.8C.AE"></span><span id="参考文献">參考文獻</span></h2>

<h2><span id=".E5.8F.82.E8.A6.8B"></span><span id="参見">參見</span></h2>


<h2><span id=".E5.A4.96.E9.83.A8.E9.93.BE.E6.8E.A5"></span><span id="外部链接">外部連結</span></h2>
<link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r64841240">

<!-- 
NewPP limit report
Parsed by mw2283
Cached time: 20230505230524
Cache expiry: 1814400
Reduced expiry: false
Complications: [show‐toc]
CPU time usage: 0.516 seconds
Real time usage: 0.744 seconds
Preprocessor visited node count: 4772/1000000
Post‐expand include size: 198538/2097152 bytes
Template argument size: 16596/2097152 bytes
Highest expansion depth: 13/100
Expensive parser function count: 46/500
Unstrip recursion depth: 0/20
Unstrip post‐expand size: 7522/5000000 bytes
Lua time usage: 0.143/10.000 seconds
Lua memory usage: 6186872/52428800 bytes
Number of Wikibase entities loaded: 0/400
--><!--
Transclusion expansion time report (%,ms,calls,template)
100.00%  412.488      1 -total
 26.56%  109.549      2 Template:Navbox
 25.82%  106.511      1 Template:顏色主題
 19.78%   81.583      3 Template:Navbox_subgroup
 18.09%   74.630      1 Template:Reflist
 17.97%   74.109      3 Template:Ambox
 15.01%   61.931      1 Template:Update
 14.25%   58.766      4 Template:Cite_web
 13.90%   57.355     29 Template:Link-en
 11.28%   46.547      1 Template:HTML
-->
**網頁顏色**是設計網頁時表示各種顏色的方法。顏色可以用三組十六進位數字表示，部分常用顏色或和上下文相關的內容也可以用英語名稱的「關鍵字」來表示。此外還有直接使用多組十進位表示的方法。

## 十六進位數字表示方法

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＝1677 萬 7216 種。

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）綠色。

## 顏色名稱

HTML4.01 版本確定了 16 種顏色的英語名稱與 16 進制代碼：

後來加入如下名稱：

除此之外，CSS3（CSS 顏色模塊版本 3）接納絕大部分 X11 顏色（或稱 SVG 色）。

### X11 名稱

網景導航者和 Internet Explorer 又增加了一些顏色名稱，由 X 窗口系統制定。包括常用同義詞：aqua（水色、HTML4/CSS 1.0 標準名稱）和 cyan（青色、常用 sRGB 名稱）、fuchsia（品紅色、HTML4/CSS 1.0 標準名稱）和 magenta（洋紅色、常用 sRGB 名稱）、gray（HTML4/CSS 1.0 標準名稱）和 grey。SVG 1.0 將這些顏色定為標準，逐漸獲大多數 HTML 用戶接受。

## 網頁安全顏色

開發網頁安全顏色（Web-safe colors）調色板時，大部分顯示方式是 8 位元，只能顯示 256 種色。要顯示某種硬體預先定義的顏色以外的顏色，要麼使用最接近的顏色替代，要麼多用一些時間，抖動混合顯示顏色。

David Lehn 和 Hadley Stern 發現在更換 16 位元顯示後，只有 22 種顏色是「真正安全」（really safe），更換顯示後不會出現不協調畸變。

下面列出所有網頁安全顏色，**粗體下劃線**表示的為「真正安全」顏色：

### 網頁最安全顏色

8 組括弧內的是「HTML 基本 16 色」的名。

### 基本 16 色

**基本 16 色**或**標準 16 色**（Basic 16 Colors）是指在 HTML 直接指定其英語名就可以顯示出來的 16 色。

* **上方**：指定的**顏色名**或 **RGB 值**（16 進位）
* **下方**：指定字符的**顯示效果**。

## 漸變色

CSS3 引入了漸變色，分為線性漸變（如 `linear-gradient(#D1EEFC, #81F3FD);`）和圓心漸變（如 `radial-gradient(#FEFD58, #71FCA6, #52EDC7);`）兩種。線性漸變可設定方向，圓心漸變可設定形狀。

## 參考文獻

## 參見

## 外部連結
16色