顏色轉換器
- Utils顏色HEXRGBRGBAHSLHSLACSS作者：VincentCorgi約 1 分鐘閱讀
在 CSS 或設計工具裡常會用到多種顏色寫法，輸入任一種即可同步轉成其他格式。
顏色轉換
上傳圖片後，在圖片上點擊即可吸取該點的顏色（純前端，不會上傳到任何伺服器）。
圖片吸色
上傳一張圖片，點擊畫面上任意位置即可取得該點的顏色（僅在瀏覽器內處理，不會上傳到伺服器）。
格式說明
| 格式 | 範例 | 說明 |
|---|---|---|
| HEX | #FF5733 | 十六進位，6 碼 RRGGBB，可省略開頭 # |
| RGB | rgb(255, 87, 51) | 紅、綠、藍各 0–255 |
| RGBA | rgba(255, 87, 51, 0.8) | 同上，第四個參數為透明度 0–1（或 0–100%） |
| HSL | hsl(11, 100%, 60%) | 色相 0–360°，飽和度與明度 0–100% |
| HSLA | hsla(11, 100%, 60%, 0.8) | 同上，第四個參數為透明度 0–1 |
互轉對應
- HEX / RGB / RGBA：HEX 每兩字元一組轉十進位即 R、G、B；RGBA 的 A 預設為 1。
- HSL / HSLA：與 RGB 互轉為標準公式（色相 H、飽和 S、明度 L）；輸入 HSLA 會保留透明度並同步到 RGBA。
- 任一種格式變更後，其餘四種會即時更新。