Toon Tone

首頁 / 品牌色彩 / YouTube · 播放按鈕紅色

YouTube 播放按鈕紅色

品牌色研究 11 / 63

YouTube 播放按鈕紅色

YouTube · 影音平台 (2005)

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

色彩拆解

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

HEX
#FF0000
RGB
255, 0, 0
HSB
0°, 100%, 100%
HSL
0°, 100%, 50%

可比較的相鄰色

#FF2200
#FF0022
#FF1F1F
#FF0000
#DB0000

為什麼這個顏色重要

紅色播放鍵彷彿恆久不變,但這張卡其實記錄的是一個特定時刻。Toon Tone 採計的是 #FF0000,也就是 YouTube 在 2017 年更新視覺識別時採用的 RGB 純紅。如今 YouTube Brand Resources 指定的則是偏冷的 #FF0033。如果記憶已受新版多出的洋紅色調影響,即使兩者一眼看去仍都是「YouTube 紅」,也可能猜不中這個舊版目標色。

為最小螢幕而生的紅

YouTube 在 2005 年上線時,還只是一個網站,支援解析度為 320×240、畫面比例為 4:3 的影片。到了 2017 年 8 月 29 日,品牌必須在手機、電視、遊戲主機和 VR 裝置上都能讓人一眼認出。官方在這次改版中以更俐落的文字標誌搭配更明亮的圖示;版面空間有限時,圖示也能獨立作為精簡版標誌,更容易看清與辨識。播放鍵就此成了可跨裝置使用的品牌識別。

我們想要的是演進,不是革命。

Robyn Lee,YouTube 視覺設計主管

官方紅已經變了

現行規範把 #FF0033 稱為 YouTube Red,並註明這組十六進位色碼近期才更新。新版將舊配方的藍色通道提高到 51:RGB 255/0/51、HSB 348°/100%/100%。這項調整改變的是色相,飽和度與 HSB 明度則維持不變。全彩圖示依然是純紅色塊搭配白色三角形;由紅轉為洋紅的漸層只用於特定產品情境,不屬於標誌本身。

純紅碰上真實螢幕

Google Design 在 2025 年回顧這段設計歷程時,團隊表示,2017 年採用的 RGB 純紅放在關鍵介面上可能太過刺眼,在部分螢幕上會顯得偏橘,也可能造成電視烙印。將色調往冷色方向調整,既能解決這些技術問題,又能保留紅色作為品牌標誌與代表性操作的識別色。如今,人們的記憶會往兩個方向偏移:較新的觀眾會把現行介面的洋紅調帶入記憶,較舊的顯示器則可能早已使人記憶中的原始紅色比數值所示更暖。

實際採計的紅

這題的目標是 #FF0000:RGB 255/0/0、HSB 0°/100%/100%。紅色通道達到滿值,綠色與藍色通道皆為零,因此這個顏色既不偏橘,也不偏洋紅;它正是加法混色中的純紅頂點。HSB 明度 100% 不代表看起來會是白色,只表示數值最高的 RGB 通道達到 255。最實用的判斷依據是藍色通道:零就是這張卡的答案,51 則是現行 YouTube 紅。

YouTube 2017 年版紅色與幾種容易混淆的紅色

#FF0000YouTube 2017 年版播放鍵紅
#FF0033現行 YouTube Red
#FA0F00Adobe 紅
#F40009Coca-Cola 圓形標誌紅

重點速覽

  • 目標#FF0000 · RGB 255/0/0 · HSB 0°/100%/100%
  • 時期2017 年 8 月 29 日 · 更新文字標誌與圖示 · RGB 系統中的純紅
  • 非現行色現行 YouTube Brand Resources 指定 #FF0033,藍色通道為 51
  • 螢幕顯色舊版純紅在部分螢幕上可能顯得偏橘,也可能造成電視烙印
  • 給人的印象播放 · 急迫感 · 螢幕上的高辨識度