顏色轉換
HEX／RGB／HSL 顏色值互轉，線上取色器
工具介紹
顏色轉換工具幫助設計師和開發者在不同顏色格式間快速切換，是 UI 設計、前端開發、配色方案的必備工具：
- HEX：網頁最常用的十六進位顏色格式，如
#39FF14，簡潔易讀 - RGB／RGBA：紅綠藍三通道（0-255），RGBA 額外支援透明度通道（0-1），如
rgba(57,255,20,0.8) - HSL／HSLA：色相（0-360）、飽和度（0-100%）、亮度（0-100%），更符合人類對顏色的直覺感知
功能特點
- 內建視覺化取色面板，點擊拖曳即可選取任意顏色
- 即時顯示所選顏色的 HEX、RGB、HSL 三種格式
- 一鍵複製任意格式的顏色代碼
- 支援透明度（Alpha 通道）調節
使用情境
- 前端 CSS 顏色值撰寫與轉換
- UI 設計稿顏色提取與對照
- 品牌配色方案制定
- 從設計工具提取顏色後轉換為 CSS 可用格式
顏色格式速查
| 格式 | 範例 | 說明 |
|---|---|---|
| HEX | #39FF14 | 網頁最常用，6 位十六進位 |
| RGB | rgb(57,255,20) | 紅綠藍，0-255 |
| HSL | hsl(110,100,54) | 色相、飽和度、亮度 |
| RGBA | rgba(57,255,20,0.8) | 帶透明度通道 |