CSS顏色名稱查找器 — 從十六進位找最近命名顏色
輸入十六進位顏色代碼或使用顏色選取器，找到最接近的CSS4命名顏色。工具使用感知色彩距離將您的顏色與全部148種標準CSS命名顏色比較，並列出5個最近的匹配項目。非常適合為程式碼和文件查找可讀的顏色名稱。
5個最近的CSS命名顏色：
運作原理
CSS命名顏色簡史
CSS命名顏色經歷了多個規範版本的演變。最初的CSS 1（1996年）僅定義了16種基本顏色：aqua、black、blue、fuchsia、gray、green、lime、maroon、navy、olive、purple、red、silver、teal、white和yellow。CSS 2增加了orange。CSS 3根據X11顏色清單將顏色擴展到147種，該清單本身可追溯至1980年代MIT維護的X Window系統顏色資料庫。
CSS Color Level 4新增了一個名稱：rebeccapurple（#663399）。這個顏色是為了紀念網頁開發者Eric Meyer的女兒Rebecca Alissa Meyer——她於2014年因腦瘤去世，年僅6歲。她最喜歡的顏色是紫色，CSS工作組投票決定將她的名字納入標準以作紀念。隨著這一顏色的加入，CSS4規範精確定義了148種命名顏色，也是本工具搜尋的全部顏色集合。
顏色距離的計算方式
單純用歐氏距離比較RGB值並不符合人類感知——我們的眼睛對綠色差異比藍色更敏感，而且在不同亮度範圍內敏感度也會變化。本工具使用基於Thiadmer Riemersma的「色彩度量」的加權歐氏公式，根據平均紅色分量值調整R、G、B通道的權重，結果更接近人類對顏色差異的實際感知。
公式為：ΔE = √[(2 + R̄/256)·ΔR² + 4·ΔG² + (2 + (255-R̄)/256)·ΔB²]，其中R̄為兩色平均紅色分量。這是一種簡化的感知度量——專業色彩科學採用分別考量明度、彩度和色相的CIELAB ΔE計算，但對於實際的顏色命名而言，這種簡化度量對大多數顏色能給出直觀的結果。
何時在CSS中使用命名顏色
命名顏色最適合快速原型開發、提升程式碼可讀性和除錯。寫`color: tomato`比`color: #FF6347`更快、更容易記憶。在教育場景、資料視覺化（語義化名稱有助於傳達含義）以及以有限命名顏色構成調色盤的設計系統中同樣十分有用。W3C建議在範例和教學中使用命名顏色以提升可讀性。
在正式設計系統中，命名顏色很少作為主要調色盤——通常首選自訂十六進位值、HSL或設計令牌名稱。但了解與自訂值最接近的命名顏色，在文件撰寫、程式碼審查中的顏色注解以及口頭溝通時非常實用。本工具透過找到最能描述任意十六進位顏色的CSS名稱來填補這一空缺。
常見問題
›CSS命名顏色共有多少種？
CSS Color Level 4定義了148種命名顏色，包括CSS 1的最初16種基本顏色、CSS 2的orange、CSS 3的130種X11顏色，以及CSS 4新增的rebeccapurple（以紀念Rebecca Meyer）。需注意aqua與cyan是別名（同為#00FFFF），fuchsia與magenta也是如此（#FF00FF）。
›CSS顏色名稱區分大小寫嗎？
不區分。根據規範，CSS顏色名稱不區分大小寫。'Red'、'RED'、'red'和'rEd'均指同一顏色。按照慣例，現代CSS中小寫是最常見的寫法。
›rebeccapurple是什麼？
rebeccapurple（#663399）被加入CSS Color Level 4，是為了紀念CSS專家Eric Meyer的女兒Rebecca Alissa Meyer，她於2014年因腦瘤去世，年僅6歲。她最喜歡的顏色是紫色，CSS工作組以她的名字命名了這個顏色以示悼念。這是CSS 4中唯一新增的顏色，也是自CSS 2以來第一個新增的命名顏色。
›為什麼CSS命名顏色不能涵蓋所有顏色？
148種命名顏色是根據歷史X11顏色清單精心挑選的集合，涵蓋了常見色相，但許多顏色沒有命名——大多數藍綠色調、粉橙色調和棕紅色調都沒有CSS名稱。對於精確的設計工作，通常使用十六進位代碼、rgb()或hsl()代替。
›CSS中gray和grey有什麼區別？
兩種拼寫在CSS中均被接受。'gray'是規範的官方美式英語拼法，但'grey'（英式英語）同樣是相同顏色（#808080）的有效同義詞。類似地，'lightgray'/'lightgrey'、'darkgray'/'darkgrey'、'dimgray'/'dimgrey'、'slategray'/'slategrey'和'darkslategray'/'darkslategrey'都是有效的。
›最近顏色匹配的準確性如何？
匹配使用根據人眼敏感度加權RGB通道的感知距離公式。對於大多數日常顏色——飽和的紅色、藍色、綠色——最近的命名顏色在直覺上是正確的。對於非常暗淡、深暗或帶棕色調的顏色，人類感知更具可變性，「最近」的命名顏色可能在主觀上感覺不準確。顯示的距離分數（Δ）越小表示匹配越近。
›能用這個工具為alt文字找到無障礙顏色名稱嗎？
可以。這個工具適合在alt文字、文件或設計注解中填寫顏色名稱。如果您需要向無法看到的讀者描述UI元素的顏色，最近的CSS命名顏色提供了一個廣為認知的名稱。對於高度特定的色調，可以將CSS名稱與修飾詞結合使用（例如，#008080可描述為「深青色」）。
›哪些十六進位顏色與CSS名稱完全匹配？
148種標準CSS命名顏色中的任何一種都會產生完全匹配。常見示例：red = #FF0000、blue = #0000FF、white = #FFFFFF、black = #000000、coral = #FF7F50、tomato = #FF6347、skyblue = #87CEEB。輸入任意十六進位值並尋找「完全匹配」提示即可確認。
相關工具
最後更新: