跳至主要內容
Lizely

HTML 顏色名稱對照表

搜尋所有 148 透明度為 1 的 CSS 顏色名稱關鍵字,並複製每個精確標準化的 HEX 或 RGB 對應值。

隱私權:你的檔案不會離開裝置,所有處理均在瀏覽器本機完成。

使用方式

  1. 1.在過濾區輸入部分 CSS 顏色名稱、精確的 #RRGGBB 值,或完整的 rgb(...) 值。
  2. 2.檢視匹配的標準化關鍵字、樣色、HEX 值與 RGB 對應關係。
  3. 3.點選 HEX 值以複製;清除過濾以恢復所有 148 透明度為 1 的命名顏色。

關於HTML 顏色名稱對照表

HTML 色名清單顯示由 148 色彩標準化之 CSS 不透明命名色彩關鍵字。可透過關鍵字、精確六位數 HEX 值或完整 rgb(...) 字串進行搜尋,然後檢視色塊並複製其 HEX 對映。此圖表完全在瀏覽器中執行,不會將搜尋或複製的值傳送至伺服器。

每行包含一個 CSS 關鍵字、一個小寫 #RRGGBB 值、一個十進位 rgb(r, g, b) 值,以及渲染的樣色。關鍵字搜尋為不區分大小寫,並匹配名稱片段。以 # 開頭的搜尋使用精確 HEX 匹配。完整 rgb(...) 搜尋也使用精確匹配,因此短數值片段不會意外匹配到其他通道值。

表格中包含標準化別名作為獨立行。Aqua 與 cyan 均對應至 #00ffff;fuchsia 與 magenta 均對應至 #ff00ff。美國與英國的灰色拼寫對多個名稱也共存。這些並非偶然的重複記錄:每種拼寫都是有效的 CSS 識別碼,對於閱讀或維護既有樣式表單來說非常有用。

此圖表未計算透明色與 currentColor 在 148 行數中。透明色為代表透明黑色的特殊色彩關鍵字,而非不透明命名色塊。currentColor 依賴於元素計算後的色彩屬性,因此沒有固定的獨立 HEX 值。將這些值置於不透明表格外,可避免產生誤導性的數值對應。

所有列出的顏色均在 sRGB 顏色空間中解析。這些名稱是歷史識別標籤,並非視覺均勻的調色盤、科學分類、可訪問性評分,或承諾顯示器能還原某種實體染料。部分鄰近名稱看起來非常相似,且部分名稱在描述明度時並無一致性。

在翻譯舊有樣式表單、選擇原型中易讀的關鍵字、確認名稱背後的精確值、尋找別名,或將穩定的顏色標記複製到 CSS 時,建議使用此對照表。命名顏色可在任何接受 CSS 顏色值的場景中使用,前提是符合屬性語法與瀏覽器支援。

搜尋結果維持原始表格順序,本實作中為 ASCII 關鍵字字母順序排列。過濾不會改變對應關係、合併別名、創造模糊同義詞,或將顏色轉換至其他顏色空間。清除過濾將恢復所有 148 行。若無匹配則顯示提示訊息,不會自動替換為附近顏色。

點選 HEX 值將請求剪貼簿寫入,僅在瀏覽器處理完請求後才會報告成功。若剪貼簿權限被拒絕,則可見的關鍵字、HEX 值與 RGB 文字仍可選取以手動複製。不會隱藏格式,也未修改大寫或在值周圍新增 CSS 宣告。

資料集由不變數鎖定:148 行數、148 唯一關鍵字、每值六個小寫十六進位數字,以及獨立的別名行。外部的金屬測試案例涵蓋端點、別名、通道混合、rebeccapurple,以及首尾字母順序的專案。這些檢查可防範行數遺漏、識別錯誤、或通道錯位的問題。

在進行可訪問性決策時,僅靠顏色名稱是不夠的。對比取決於前景與背景的組合、文字大小、粗細以及適用的指南。請使用相關的對比檢查工具。對於漸層、調色盤產生、圖片取樣或歷史網頁安全顏色,建議使用對應的專門工具,而非將此參考對照表當作產生器使用。

方法與來源

此圖表嵌入 148 透明度為 CSS 的 4 顏色名稱關鍵字及其精確的 sRGB 對應值。圖表保留別名作為獨立有效的識別專案,不將透明或當前顏色計入不透明數量,並驗證行數、鍵值唯一性、格式以及八項外部對應關係。

常見問題

共列出多少種透明度為 1 的 CSS 顏色名稱?
此對照表包含 148 透明度為 1 的命名顏色關鍵字,包含標準化別名作為獨立的有效名稱。
為何 aqua 與 cyan 會出現兩次且值相同?
這兩個是不同的有效 CSS 識別碼,故意對應至相同的 sRGB 值。對照表保留別名,而非合併。
為何 transparent 與 currentColor 不在 148 行中?
transparent 是一種帶有 alpha 通道的特殊關鍵字,而 currentColor 依賴於元素的計算顏色,兩者皆非一個固定的透明命名顏色對應。
我可以將這些名稱用於 CSS 中嗎?
可以。命名顏色識別碼可在任何接受 CSS 顏色值的場景中使用,但可訪問性與實際顏色匹配需要另外評估。

色彩工具 使用指南

查看全部