顏色轉換器｜HEX、RGB、HSL 線上互轉

1. 輸入任何支援的顏色格式——#3b82f6、rgb(59, 130, 246) 或 hsl(217, 91%, 60%)。
2. 另外兩種格式會即時更新，同時顯示即時顏色預覽。
3. 複製你需要的格式，用於 CSS、設計軟體或程式碼。

一切都在瀏覽器本地執行，沒有上傳、沒有帳號、轉換次數也不受限制。

HEX、RGB、HSL 是同一種顏色的三種視角。網頁開發者經常需要來回切換：設計工具的色票給的是 HEX、元件需要 rgb() 覆寫、動畫腳本則想用 HSL 插值。用手換算很容易出錯——一個數字打錯，整組顏色就變了。

提示

#fff 這類簡寫也能辨識。如果輸入無法解析的內容，工具會明確告知而不會擅自猜測，因此無效值不會默默地產生錯誤顏色。想調整明度而不影響色相時，使用 HSL 檢視最方便。

為什麼用它

設計工具和 CSS 都用顏色，但格式往往不同。與其在瀏覽器開發者工具與計算機之間來回切換，這個轉換器把所有格式集中在一處，並附上可眼見為憑的顏色預覽——快速、私密又準確。

典型使用场景

• 联调接口： 从控制台复制 JSON，先格式化再提交用例。
• 排查问题： 不切 IDE 直接校验时间戳、正则或哈希。
• 应急处理： 手机上就能转换时区或生成 UUID 建热修复分支。

对比

快速校验用浏览器最快，CI 以 CLI 为准。

技巧

• 收藏本站，预加载使下次秒开。
• 生产环境密钥请在本地终端处理。
• 配合密码管理器轮换 UUID/密码。