色彩模式介紹
數位世界中有多種色彩表示方式，每種都有其適用場景。了解這些色彩模式有助於在設計和開發工作中正確使用顏色。
RGB 色彩模式
RGB 是最基本的螢幕顯色模式，代表紅（Red）、綠（Green）、藍（Blue）三原色。每個通道的值範圍是 0-255，三者混合可以產生約 1,677 萬種顏色（256³）。
常見顏色的 RGB 值
| 顏色 | R | G | B | HEX |
|---|---|---|---|---|
| 純紅 | 255 | 0 | 0 | #FF0000 |
| 純綠 | 0 | 255 | 0 | #00FF00 |
| 純藍 | 0 | 0 | 255 | #0000FF |
| 白色 | 255 | 255 | 255 | #FFFFFF |
| 黑色 | 0 | 0 | 0 | #000000 |
| 灰色 | 128 | 128 | 128 | #808080 |
加色混合原理
RGB 採用「加色混合」——光越加越亮：
- 紅 + 綠 = 黃色
- 紅 + 藍 = 洋紅
- 綠 + 藍 = 青色
- 紅 + 綠 + 藍 = 白色
HEX 色碼
HEX（十六進制）色碼是 RGB 的另一種寫法，在網頁開發中最常使用。格式為 #RRGGBB，每組兩個十六進制數字：
00= 0（最暗）FF= 255（最亮）#3B82F6= R:59 G:130 B:246
簡寫規則
當每組的兩個字元相同時可以簡寫：#AABBCC 可寫為 #ABC。例如 #FF0000 可簡寫為 #F00。
HSL 色彩模式
HSL 以人類的色彩感知為基礎，三個維度分別是：
- H（Hue 色相）：0°-360°，代表色輪上的位置
- S（Saturation 飽和度）：0%-100%，0% 是灰色，100% 是最鮮豔
- L（Lightness 亮度）：0%-100%，0% 是黑色，50% 是純色，100% 是白色
HSL 的實用優勢
用 HSL 調色非常直覺：
- 想要不同顏色：改 H 值
- 想要更鮮豔/灰暗：改 S 值
- 想要更亮/更暗：改 L 值
這在建立設計系統的色階時特別好用。例如品牌色 hsl(217, 91%, 60%)，加亮版 hsl(217, 91%, 80%)，加深版 hsl(217, 91%, 40%)。
CMYK 印刷色彩
CMYK 代表青（Cyan）、洋紅（Magenta）、黃（Yellow）、黑（Key/Black），是印刷業的標準色彩模式：
- 採用「減色混合」——墨水越加越暗
- 理論上 C+M+Y 可混出黑色，但實際印刷效果不佳，所以額外加入 K（黑墨）
- CMYK 的色域比 RGB 小，某些螢幕上看到的鮮豔顏色無法完美印刷
RGB 轉 CMYK 注意事項
本計算機提供的 CMYK 值為近似值。專業印刷設計應使用 Adobe Illustrator 或 Photoshop 等專業軟體進行精確的色彩轉換，並搭配 ICC 色彩描述檔確保輸出準確。
設計實務應用
建立配色方案
利用 HSL 模式建立和諧的配色方案：
- 互補色：H 值相差 180°
- 類似色：H 值相差 30°
- 三等分色：H 值相差 120°
無障礙設計
選擇顏色時要注意對比度。WCAG 2.1 建議文字與背景的對比度至少為 4.5:1（一般文字）或 3:1（大文字）。使用 HSL 中的 L 值可以快速判斷兩個顏色的亮度差異。
本計算機的 CMYK 值為數學近似轉換，實際印刷用途請以專業設計軟體搭配 ICC 描述檔為準。