CSS 命名顏色參考

關於本工具

CSS 定義了 148 種命名顏色，可用於任何接受顏色值的地方——CSS 屬性、SVG 屬性和 HTML 顏色屬性。命名顏色比十六進位代碼更易讀，所有現代瀏覽器和 CSS 預處理器都普遍支援。

本參考列出了所有命名顏色及其十六進位等價值，按顏色系列分組。點擊任意色塊可將 CSS 顏色名稱複製到剪貼簿。

使用方法

1. 瀏覽完整網格，或使用下拉選單按顏色系列篩選。
2. 按名稱（如「blue」）或十六進位代碼（如「#0000ff」）搜尋。
3. 點擊任意色塊複製 CSS 顏色名稱（如 cornflowerblue）。
4. 在 CSS 中直接使用名稱：color: cornflowerblue;

使用情境

前端開發者可快速查找視覺上記得但無法確切回憶的顏色名稱。設計師查看哪種 CSS 命名顏色最接近品牌色。教育者在講授 CSS 顏色語法時使用此參考。開發者在原型和示範代碼中使用命名顏色以提高可讀性。

常見問題

• CSS 命名顏色有多少種？ CSS Color Level 4 定義了 148 種命名顏色，另有 transparent 和 currentcolor。
• 命名顏色在各瀏覽器間是否相同？ 是的。命名顏色已完全標準化，在所有現代瀏覽器中產生相同的結果。
• 能在 SVG 中使用命名顏色嗎？ 可以。SVG 的 fill 和 stroke 屬性接受相同的 CSS 顏色名稱。