Toon Tone

首頁 / 品牌色彩 / Facebook 藍色

Facebook 藍色

品牌色研究 13 / 63

Facebook 藍色

Facebook · 社群網路 (2004)

#1877F2 品牌色彩回合
試玩這一題

色彩拆解

這張 品牌色彩 卡片的精確計分顏色。

HEX
#1877F2
RGB
24, 119, 242
HSB
214°, 90%, 95%
HSL
214°, 89%, 52%

可比較的相鄰色

#185AF2
#1894F2
#3587F2
#0069F2
#1565CF

為什麼這個顏色重要

臉書(Facebook)的藍,不是哪家品牌顧問公司、哪場焦點團體,或哪一塊情緒板挑出來的——它是被一個人的視覺極限給決定的。創辦人馬克·祖克柏(Mark Zuckerberg)有紅綠色覺辨識上的障礙,屬於一種稱為「綠色弱」(deuteranomaly)的類型:在他眼中,紅色顯得混濁、綠色被沖淡,唯獨藍色能乾乾淨淨地透出來。於是,他乾脆用這個自己能百分之百信賴、看得最準的顏色,一手打造了整個網站。

創辦人的親口說法

在 2010 年《紐約客》(New Yorker)的一篇人物特寫裡,祖克柏直白地道出了這個全球最大社群網站為什麼是藍色:因為藍,單純就是他感知得最完整的顏色。這麼做還有一個實際的好處——嚴守藍與白的配色,讓草創期那支迷你團隊在沒有設計部門的情況下,也能飛快地把介面做出來上線;而這份素淨,恰好在 MySpace 與 Friendster 那種吵雜擁擠的畫面裡殺出重圍。

對我來說,藍是最豐富的顏色——所有的藍,我都看得見。

馬克·祖克柏(Mark Zuckerberg)

不是你從小記得的那抹藍

記憶在這裡騙了你:烙印在多數人腦海裡的臉書藍,並不是今天的這一抹。網站問世後大約頭十五年,它穿的是一種更暗、更帶灰調的深藍——#3B5998——一種沉靜、近乎機關公文氣質的藍,為的是在早期 LCD 螢幕上仍舊看得清楚。明亮又飽和的 #1877F2 是後來才登場的新面孔,隨著那次扁平化、以行動裝置為優先的改版一起端上檯面,好讓這個顏色在陽光下、在 OLED 手機螢幕上依然亮得跳出來。

精確的那一抹藍

計分的目標色是 #1877F2——HSB(214°, 90%, 95%):一種鮮明、飽和度很高、非常明亮的藍。關鍵在色相。它落在 214°,還差一步才到純藍(240°),並且偏向蔚藍(azure)——一種偏冷、揉合了天空與青(cyan)色調的藍,不是深靛藍,也不是偏紫的寶藍。只要把它往紫羅蘭那頭推一點,它就不再像臉書了。

信任的顏色

藍,是整個網際網路最安全的預設值,而臉書正是它之所以如此的一大推手。藍讀起來就是沉著、穩定、可靠——這也是為什麼那麼多社群平台與銀行都往它靠攏:Twitter、LinkedIn、PayPal、Intel、IBM(「Big Blue」)。它同時是食物裡最罕見的顏色,所以從不會勾起食慾、也不會觸動警報;它就只是安安穩穩地待在那裡,給人安心。說來諷刺,這抹被抄得最兇、社群網路上那種「相信我」的藍,最初不過是一名色盲工程師的權宜之計。

臉書藍,與那些常和它混為一談的藍

#1877F2臉書藍(現行)
#3B5998經典臉書藍(2019 年以前)
#1DA1F2Twitter 藍

重點速覽

  • 目標色#1877F2 · HSB 214°/90%/95%——偏向蔚藍的明亮藍
  • 為什麼是藍創辦人 Mark Zuckerberg 患有紅綠色盲;藍是他看得最完整的色相
  • 不是經典的 #3B5998——網站沿用了約十五年、比較暗沉低調的那抹藍
  • 規格Pantone 2727 C;為扁平化、行動優先的介面而調亮
  • 給人的感覺信任 · 沉穩 · 企業化的網路世界