CSS 顏色名稱
CSS 規範中全部 148 個具名顏色,依色相分組,由淺到深排列。點一下名稱或 HEX 值就能複製。
紅色
玫瑰紅
粉紅色
洋紅色
紫色
紫羅蘭色
靛藍色
藍色
天藍色
青色
藍綠色
翡翠綠
綠色
萊姆綠
黃色
琥珀色
橘色
棕色
米色
白色
灰色
黑色
常見問題
CSS 有幾個具名顏色?
CSS Color 4 定義了 148 個具名顏色,從 aliceblue 到 yellowgreen。其中有幾個是數值相同的同義名稱,例如 gray 和 grey、aqua 和 cyan。另外還有 transparent 和 currentcolor 這兩個關鍵字,它們不是固定的顏色。
CSS 的 gray 和 grey 一樣嗎?
一樣。每個 gray 名稱都有對應的 grey 拼法,數值完全相同,例如 darkgray 和 darkgrey 都是 #a9a9a9。要注意 darkgray 反而比 gray 更淺,這是從 X11 顏色表沿襲下來的怪現象。
正式上線的 CSS 該用顏色名稱嗎?
具名顏色在所有瀏覽器都能用,所以很適合原型、展示和一次性的樣式。正式產品建議使用自己以 OKLCH 或 HEX 定義的設計 Token:更容易當成色階來調整,也更容易在不同主題之間保持一致。