顏色轉換
把 HEX 轉成 RGB，或把 RGB 色頻值轉成 HEX 與 HSL。
輸入內容只留在瀏覽器
互動式工具
啟用 JavaScript 後可使用互動控制項；下方說明不需 JavaScript 也可閱讀。
顏色轉換支援三位或六位 HEX，以及紅、綠、藍數值色頻，輸出 CSS 風格的 RGB、HEX 和 HSL。
適用情境
- 查看設計 HEX 顏色的 RGB 色頻。
- 從 RGB 數值產生 HEX 和 HSL 表示。
使用步驟
- 輸入 HEX 或 0 至 255 的 RGB 色頻。
- 查看對應顏色格式。
- 複製產生的文字。
實際範例
綠色範例
#187b69 會轉為 rgb(24, 123, 105)，相同 RGB 也會產生 #187b69 和 HSL。
運作原理與規則
- HEX 以兩位十六進位表示每個 RGB 色頻；HSL 依正規化 RGB 的最大與最小值計算並取整數。
限制與注意事項
- 產生 HEX 時 RGB 會四捨五入為整數。
- 不處理透明度、廣色域、色彩描述檔、LAB 或 LCH。
- HSL 取整可能使往返轉換不完全一致。
常見問題
支援三位 HEX 嗎？
支援，例如 #abc 會展開為 #aabbcc。
RGB 超出範圍會被截斷嗎？
不會，低於 0 或高於 255 會被判定無效。
參考資料
相關工具
提交工具回饋
郵件只包含頁面資訊，不會包含工具輸入或結果。
提交工具回饋