色彩模型對照
- HEX：網頁與 CSS 最常用，#RRGGBB 6 位 16 進位，例如 #C1170C
- RGB：紅綠藍三通道（0-255），最接近螢幕硬體
- HSL：色相 0-360、飽和度 0-100%、亮度 0-100%，最直觀調色用
使用情境
- 網頁設計：從 Figma 拿 HEX 貼進 CSS，順手轉成 RGB（含 alpha）或 HSL（調主題色）
- 調主題色階：HSL 改 L 值可快速產生淺/深色變體
- 對比檢測：知道兩色的 RGB 值才能算對比度（WCAG 標準）
顏色換算
HEX、RGB、HSL 三大色彩模型即時互轉，內含色彩挑選器（color picker）、即時預覽、一鍵複製到剪貼簿。前端切版、UI 設計、品牌配色、PPT 配色、Figma 取色開發必備工具。
- 顏色換算
- HEX 轉 RGB
- RGB 轉 HSL
- 色碼轉換
- Color Picker
- CSS 顏色
- 取色器
RGB
HSL