RGB 是數位設計的語言基因。無論你做 UI、插畫、動態設計、3D 渲染，每一個像素的顏色都由 R、G、B 三通道疊加而成。但有多少設計師真正理解：為什麼 R+G=黃？為什麼 255 是上限？色域、色溫、伽馬校正怎麼影響最終輸出？ 本文配合 7 張核心知識圖，帶你從物理光譜走到螢幕實戰，建立完整的 RGB 色彩認知體系。

一、物理基礎：光的三原色與加色混合

RGB 模型基於人眼視覺生理機制：視網膜上三類錐狀細胞分別對長波（紅）、中波（綠）、短波（藍）光最敏感。大腦將三通道信號混合解碼，感知出百萬種顏色。

• 加色混合： 光疊加越亮，R+G+B 全開 = 白光（高亮度）。
• 對比顏料減色混合（CMYK）： 顏料吸收光，疊加越暗，理論全混 = 黑（實際發灰，需加 K）。
• 光譜軌跡： 可見光波長 380-750nm，RGB 三原色對應三個特定波長峰值，三角形覆蓋區域即為該設備可顯示色域。

二、數位編碼：0-255 的由來與 24 位真彩色

每通道 8 位（2^8=256 級），三通道共 24 位，理論可表示 16,777,216 種顏色（真彩色）。

• 0 = 無光發射（最暗），255 = 最大光發射（最亮）。
• 線性 vs 非線性： 螢幕輸出亮度與輸入值非線性關係（伽馬曲線），sRGB 標準伽馬 ≈ 2.2。設計軟體內部常在線性空間計算，顯示時再編碼。
• 十六進制表示： #RRGGBB，每兩位對應一通道 00-FF（0-255）。如 #FF0000 = 純紅，#FFFF00 = 黃，#FFFFFF = 白。

三、色域與色彩空間：sRGB、Adobe RGB、DCI-P3、Rec.2020

不同設備/標準覆蓋的色域範圍不同，設計師必須知道自己在哪個色彩空間工作：

• sRGB（IEC 61966-2-1）： 標準 Web/辦公/消費級螢幕色域，覆蓋 ~35% 可見色域。設計輸出 Web/移動端默認色彩空間。
• Adobe RGB (1998)： 覆蓋 ~50% 可見色域，綠藍區域顯著擴展。印刷/專業攝影工作流常用，但 Web 瀏覽器不支援會導致顏色發灰。
• DCI-P3： 數字電影標準，覆蓋 ~45%，紅綠區域比 sRGB 寬。蘋果廣色域螢幕（iPhone 7 後、MacBook Pro、iMac）均支援 P3。
• Rec.2020 (BT.2020)： 8K/超高清電視標準，覆蓋 ~75% 可見色域，未來趨勢。

實戰鐵律： 知曉目標輸出設備色域，全流程統一色彩空間配置文件（ICC Profile），避免「設計稿鮮豔，上線發灰」的慘劇。

四、色溫與白平衡：從 6500K 到螢幕校色

色溫（單位 Kelvin）描述白光「冷暖」：低色溫偏紅（暖），高色溫偏藍（冷）。

• D65 (6500K)： 標準日光，sRGB/Rec.709 白點標準，絕大多數螢幕出廠目標。
• D50 (5000K)： 印刷觀察標準光源，Adobe RGB 白點。
• 螢幕校色： 使用色彩分析儀（如 X-Rite i1Display Pro）配合軟體（DisplayCAL、CalMAN）調整螢幕 RGB 增益/偏移，使白點、伽馬、色域符合目標標準。專業設計機建議每月校色一次。

五、伽馬校正：線性光與感知亮度的橋梁

人眼對暗部亮度變化敏感，對亮部不敏感（韋伯-費希納定律）。伽馬編碼（V_out = V_in^γ）將線性光信號壓縮，分配更多編碼值給暗部，提高感知精度。

• γ = 2.2 (sRGB 近似)： 標準顯示伽馬。
• γ = 1.0 (線性空間)： 3D 渲染、合成計算空間，光照疊加物理正確。
• 工作流： 素材線性化 → 線性空間計算/合成 → sRGB 編碼輸出顯示。忽略此流程會導致陰影過暗、高光過曝、合成邊緣發黑。

六、HSB/HSL：設計師更直觀的顏色調整模型

RGB 適合機器，HSB/HSL 適合人：

• H（Hue 色相）： 0-360° 色環位置（紅 0、黃 60、綠 120、青 180、藍 240、洋紅 300）。
• S（Saturation 飽和度）： 0% 灰 - 100% 純色。
• B（Brightness 明度）/ L（Lightness 亮度）： 0% 黑 - 100% 白（B）或最亮色（L）。

實戰技巧： 調色時鎖定 H 調 S/B 建立配色體系；單色系變體固定 H、變 S/B；互補色 H 差 180°；類似色 H 差 30°-60°；三角色 H 差 120°。

七、無障礙設計：對比度標準與色盲模擬

WCAG 2.1 AA 級要求：正文對比度 ≥ 4.5:1，大號文字 ≥ 3:1。AAA 級更嚴格（7:1 / 4.5:1）。

• 工具：Stark、Colour Contrast Analyser、Figma 插件即時檢測。
• 色盲模擬：原紅色盲/綠色盲/藍色盲約 8% 男性、0.5% 女性受影響。避免單靠紅綠區分關鍵信息（如錯誤狀態），需配合圖標、文字、紋理多重編碼。

總結：RGB 不只是三個滑桿，是設計師與光對話的協議

從光譜物理到數位編碼，從色域標準到伽馬校正，從色溫白平衡到無障礙合規——掌握 RGB 色彩理論，是設計師從「調顏色」進化為「駕馭色彩」的必經之路。 下次打開調色板，試著在腦海裡跑一遍：這顏色在 sRGB 還是 P3？線性還是非線性？對比度達標嗎？色盲用戶能分辨嗎？專業，就藏在這些細節裡。