色彩格式一覽
| 格式 | 範例 | 最適合 |
|---|---|---|
| HEX | #3B82F6 | CSS 與設計交付 |
| RGB | rgb(59, 130, 246) | 程式化色彩操作與瀏覽器渲染 |
| HSL | hsl(217, 91%, 60%) | 直覺易用的色相、飽和度與明度調整 |
| CMYK | cmyk(76, 47, 0, 4) | 以列印為導向的工作流程 |
同一藍色的不同格式
HEX
#3B82F6
RGB
rgb(59, 130, 246)
HSL
hsl(217, 91%, 60%)
CMYK
cmyk(76, 47, 0, 4)
何時使用哪種格式
- 當你需要為設計系統或樣式表使用簡短且適合 CSS 的值時，請使用 HEX。
- 當程式碼或瀏覽器 API 需要直接使用色版值時，請使用 RGB。
- 想更直覺地調整明度或飽和度時，請使用 HSL。
- CMYK 適合用於印刷相關情境，不應作為 CSS 的主要格式。
請搭配合適工具使用此參考資料
相關工具