色彩模型對照
- 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 三大色彩模型互轉，含色彩挑選器與即時預覽。前端切版必備。
- 顏色換算
- HEX 轉 RGB
- RGB 轉 HSL
- 色碼轉換
- Color Picker
- CSS 顏色
RGB
HSL