HTML 顏色名稱
所有工具
免費
在精美的色票網格中瀏覽全部 140 種標準 CSS/HTML 具名顏色——依名稱或十六進位搜尋、依色系篩選，並一鍵複製任何顏色的十六進位、rgb() 或 hsl() 數值。在瀏覽器中、免費使用。
全部 140 種標準 CSS/HTML 具名顏色，附其十六進位、RGB 和 HSL 數值。一切都從內建參考在您的瀏覽器中執行——不向伺服器傳送任何內容。
沒有符合您搜尋的顏色。
請嘗試其他名稱或十六進位值——例如 RebeccaPurple、#00FF00 或 teal。
關於 HTML 顏色名稱
這份參考資料以響應式色塊格線呈現全部 140 種標準 CSS/HTML 命名色彩──瀏覽器支援的完整清單，從 AliceBlue 到 YellowGreen。每個色塊都會顯示顏色本身及其名稱與十六進位值，點擊後即可開啟其十六進位、rgb() 和 hsl() 形式，各自都能一鍵複製。
你可以依名稱或十六進位值搜尋──Tomato 和 #FF6347 會找到同一個色塊──也可依色系篩選：Reds、Pinks、Oranges、Yellows、Browns、Greens、Cyans、Blues、Purples、Whites，以及 Grays & Blacks。當你大致知道想要的色相時，色系檢視是篩選候選色彩最快的方式。
命名色彩很適合用於雛型設計、程式碼範例、SVG 填色和教學，因為像 RebeccaPurple 這樣的名稱比十六進位三元組更能傳達意圖。RGB 與 HSL 數值都是在你的瀏覽器中依每種顏色的十六進位值推算而來，你搜尋的內容不會被傳送到伺服器。
如何使用 HTML 顏色名稱
- 依顏色名稱或十六進位值搜尋──例如 Tomato、teal 或 #00FF00。
- 依色系篩選──Reds、Blues、Grays 等──以在單一色相範圍內篩選候選色彩。
- 點擊色塊，立即複製其十六進位值。
- 開啟色塊的彈出視窗，改為複製 rgb() 或 hsl() 形式。
常見問題
現代 CSS 中有 140 種標準命名色彩，是在原本 16 種 HTML 顏色的基礎上，擴充了源自 X11 的更大清單。目前所有瀏覽器在任何接受顏色值的屬性中，都支援全部這些顏色。
不會。tomato、Tomato 和 TOMATO 在 CSS 和 HTML 中都同樣有效且完全相同。這裡顯示的駝峰式寫法只是慣例上的拼寫方式，讓像 LightGoldenrodYellow 這種多字組成的名稱更易閱讀。
名稱很適合用於範例、雛型和一次性的點綴色；正式環境的調色盤通常會存放在自訂屬性中，使用十六進位、rgb() 或 hsl() 值，因為設計系統的顏色很少會恰好對應到某個命名色彩。就功能而言，名稱與其十六進位值可以互換使用。
CSS 同時收錄了 gray 及其變化詞的兩種拼法──gray/grey、darkgray/darkgrey 等等──並將每一組拼法對應到相同的數值，因此兩種拼法都不算錯誤。
是的。全部 140 個色塊、搜尋功能、色系篩選以及十六進位/rgb()/hsl() 複製功能都完全免費，且全部在你的瀏覽器中運作。
需要協助？
使用此工具時遇到問題？請告訴我們的團隊。