HEX/RGB/HSL 顏色轉換器

🔒 本機處理與外部服務的使用方式請查看本工具的隱私說明；網站統計服務另見隱私政策。

HEX

RGB

HSL

HSV

CMYK

互補色

類比色

三等分色

快速理解

顏色選擇器可以怎麼幫你？

免費線上顏色轉換工具，支援 HEX、RGB、HSL、HSV 互轉。含色票面板與配色建議（互補色、類比色）。

已拿到品牌 HEX 色碼，想轉成網頁樣式需要的 RGB 或 HSL，或比較互補色、類比色與三等分色時使用。它由單一顏色推算五種表示法，不是上傳圖片取色，也沒有文字對比度檢查。

點選上方色彩選擇器，或在 HEX 欄輸入六位十六進位色碼，可省略開頭的 #。有效輸入會同步更新色塊與其他欄位；按各列的剪貼簿圖示複製該格式，點配色色票則改以該色重新計算。

RGB、HSL、HSV 與 CMYK 欄位只供讀取，不能直接輸入反向換算。色相、百分比等數值會取整數；配色是以色相角度推算，點選色票後看到的是新主色的數值與下一組配色。

元件只在瀏覽器計算輸入色碼，沒有讀取圖片、上傳色票或保存配色紀錄的程式。複製按鈕只寫入對應欄位的字串；若要保留多組提案色彩，請在切換主色前自行記下需要的數值。

HEX 只接受六位格式，三位縮寫與含透明度的八位色碼不會觸發更新，其他欄位可能仍是上一個有效顏色。CMYK 是簡單 RGB 公式換算，沒有印刷色彩描述檔；HSV、CMYK 輸出也別直接當 CSS 使用。

HEX 跟 RGB 哪個好？

都一樣，只是表示法不同。HEX（#FF5733）較短，RGB（255,87,51）較直觀。CSS 都支援。

HSL 有什麼好處？

HSL 用色相、飽和度、亮度表示，比 RGB 更符合人類直覺。要調出「同色相但更亮」很簡單，只改 L 值。

什麼是互補色？

色相環上正對面的顏色（差 180°）。互補色搭配對比強烈，常用於 CTA 按鈕、warning 訊息。