close
企業趨勢

lemonchiffon?#FFFACD? 細說 CSS 會用顏色名字作為顏色值的原因

從事網頁設計工作的人都知道,在 CSS 設定顏色時除了可以用 HEX 和 RGBA 之外,還可以用顏色名稱,但相信各位最多只會用 black 、white 、red 等基本顏色名稱吧。然而規範的顏色名稱多達 141 個,當中大部分都像 burlywood 或 palegoldenrod 般抽象,絕大部人根本記不到也用不上。到底為甚麼這 141 個顏色值也可納入 CSS ?

colornames

 

一切由 X Window 開始

這個就要由 1984 年開始說起。當時麻省理工學院研究  X Window 系統,它是圖形使用者介面(GUI)的一種。於當年 6 月,第一個 GUI 顏色列表於 X 的第 10 版的第 3 次發布(X10R3)出現,當中包括 69 種基本色調,以及一共 138 種因不同情況而出現的顏色寫法,如普通的全小寫 「dark red」 以及雙駝峰寫法 「DarkRed」。

於 1988 年,X11R2 面世。當中只新增了三種顏色。如果大家試過用網站開發者工具調校顏色,有沒有發現 gray 和 grey?其實這不是瀏覽器的錯,早在那時已出現了。根據開發者 Alex Sexton 指,這是因為當時 HP 某個開發者忘記灰色 gray 的串法,唯有把兩個都加進去。另一個新增的顏色是啡色 brown。

css

 

出現抽象顏色名稱全因 ANSI 不理睬

現在我們看到的顏色名字主要來自 1989 年推出的 X11R4。這個更新推出了不少較為輕淡中性的色調,目的是應對 Raveling 的員工對於色彩保真度的投訴。於當時,熒幕顯示的顏色可以部部不同,於是 papaya whip、lemon chiffon、blanched almond 和 peach puff 等顏色便出現了。但為甚麼會用上這些「優雅」的名字?

這就關乎 Raveling 和 ANSI (American National Standards Institute)之間的瓜葛了。原本 Raveling 的確想找 ANSI ,但 ANSI 拿了他的錢卻沒有給他顏色規範,即使過了多次嘗試仍沒有回音。事後他便向 Sinclair Paints 取得顏色名字和在 HP 的顯示屏調校顏色,還不斷咒駡 ANSI。

 

從蠟筆中取得名字

不久,X11 又得到另外一些更大膽的顏色。在 Raveling 調校好顏色後,John C. Thomas 在一個名為 「This is pink??」的帖子回覆並上付上他的顏色清單。其實這個帖子中,發帖者 Bruce Schuchardt 是在批評粉紅色不像粉紅色,直指所謂 pink 根本就像一個嘔吐了數小時的人的面色一樣。

因此 Tomas 認為在不同顯示屏顯示不同顏色的情況下,為顏色訂立標準名稱是不可能的。由於他當時是在 Tektronix  工作,要選擇更好的顏色和顏色名稱,於是他便參考 72 色 Crayola 蠟筆,從中取得顏色名稱。此外,他是用 Sony 顯示屏調校,而非像 Raveling 用 HP 牌子。結果,aquamarine、orchid、salmon 等就誕生了。

crayola

 

採用顏色名字是考慮兼容問題

在 2001 年,W3C 發布了首個 CSS3 顏色模組的草擬,當中表示會包括那些「顏色」。雖然科技進步,那些顏色已鮮有使用,但 W3C 聲稱目標是要把現行習慣編成規範。當時的瀏覽器都支援那些顏色,因此 W3C 便用他們做兼容測試。透過加入這些顏色在 CSS,就可以避免網站不能運作。

結果,有不少人都覺得那些顏色都無準則可言。例如 Dark Gray 比 Gray 淺色,有 medium violet red 卻沒有 violet red ,有 light goldenrod yellow 卻沒有 goldenrod yellow 等。事實上,現在開發者都會用 HEX 來表達網頁顏色,為什麼當時他們想不到?當時的 MIT 學生 Jim Fulton 指,當時的人不喜歡用數值,人們不會認為 F5B 會是顏色的一種,使用顏色名字會更自然。

 

悼念程式開發者女兒 2014 年新增 Rebecca Purple

雖然開發者已不常用顏色名稱,但在 2014 年一個新的顏色名稱 rebecca purple 加上了。原來這是為了記念廣受尊敬的程式開發者 Eric Meyer 的女兒 Rebecca Meyer。她在六歲時因腦癌而去世,於是 #663399 就被選擇來反映她最喜愛的顏色。

rebecca-purple

 

Source : Arcs Technica , W3

Dennis Ma

The authorDennis Ma

為香港讀者分享各種 IT 新聞及趨勢,如企業動態、保安消息(勒索軟件、程式漏洞等)、未來科技(AR、VR、3D打印等。)、電子商貿;亦專門分享 SEO、網頁設計、社交平台推廣等心得。

Leave a Response