toolfree

CSS 顏色名稱

所有 CSS 顏色名稱與對應的十六進位色碼,可依色相與明暗排序,點一下即可複製。

在你的瀏覽器中執行

點色塊複製名稱,點色碼複製色碼。

這些名稱是歷史意外,不是一套系統

它們從 X11 視窗系統經由早期的 Netscape 傳進來,沒有人真正設計過這一組。這就是為什麼裡面有四種 不同的棕色、兩種灰色拼法,還有一個叫 papayawhip 的顏色。

因為網頁不能壞掉,這些怪異之處成了永久的。值得知道的有幾個:

darkgraygray 還亮。darkgray#a9a9a9gray#808080。這些名稱來自 兩套被合併在一起的色盤,等到有人發現時,已經有網頁同時依賴這兩個了。

graygrey 都可以用darkgray/darkgreylightgray/lightgreydimgray/dimgreyslategray/slategrey,以及 darkslatelightslate 那幾組也是。 色值相同,兩種拼法皆可。

aquacyan 是同一個顏色fuchsiamagenta 也是。每一組的前者來自最早的 HTML 色名,後者來自 X11。

rebeccapurple

#663399 是 CSS 裡唯一一個因為非技術理由而加入的顏色。

Eric Meyer——在 CSS 成形的年代負責把它記錄下來的人之一——在 2014 年失去了女兒 Rebecca,她因 腦癌過世,那天正是她六歲生日。紫色是她最喜歡的顏色。CSS 工作小組在不久之後把 rebeccapurple 寫進規格,而所有瀏覽器都實作了它。

這個值的縮寫是 #639,那是刻意選的。

什麼時候該用色名

做原型和除錯時它們非常好用——red#ff0000 好打,在版本差異裡也一眼看得懂。

真正要上線的東西請用你自己的色值。這一組色名沒有一致的明暗階,顏色彼此之間也沒有任何關係,從裡 面挑色,做出來的頁面往往就像它出身的那個 1996 年色盤。

沒有任何上傳

表格就在這個頁面裡。