跳到取色器

CSS 顏色名稱

CSS 規範中全部 148 個具名顏色,依色相分組,由淺到深排列。點一下名稱或 HEX 值就能複製。

紅色

玫瑰紅

粉紅色

洋紅色

  • 等同於 magenta

  • 等同於 fuchsia

紫色

紫羅蘭色

靛藍色

藍色

  • 等同於 lightslategrey

  • 等同於 lightslategray

  • 等同於 slategrey

  • 等同於 slategray

天藍色

青色

  • 等同於 cyan

  • 等同於 aqua

  • 等同於 darkslategrey

  • 等同於 darkslategray

藍綠色

翡翠綠

綠色

萊姆綠

黃色

琥珀色

橘色

棕色

米色

白色

灰色

  • 等同於 lightgrey

  • 等同於 lightgray

  • 等同於 darkgrey

  • 等同於 darkgray

  • 等同於 grey

  • 等同於 gray

  • 等同於 dimgrey

  • 等同於 dimgray

黑色

常見問題

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:更容易當成色階來調整,也更容易在不同主題之間保持一致。