⚡全部工具 💻開發者與編碼 📝文字與內容 🎨設計與色彩 🖼️圖片與多媒體 🔢數據與計算 🔒安全與密碼 📄PDF 工具 📐單位與進度轉換

色彩轉換與對比度檢查器

HEX/RGB/HSL/CMYK 即時互轉與 WCAG 2.1 對比度無障礙等級檢測。

顏色選擇器

HEX (十六進位)

RGB (紅綠藍)

HSL (色相飽和度亮度)

CMYK (印刷四色)

使用方式

1 開啟色彩轉換與對比度檢查器，輸入、貼上或選擇要處理的內容。
2 依需求調整頁面上的選項與格式。
3 確認即時結果，再複製或下載可用的輸出。

適合的使用情境

HEX/RGB/HSL/CMYK 即時互轉與 WCAG 2.1 對比度無障礙等級檢測。適合日常工作、開發、學習或快速驗證時使用。

隱私與資料處理

工具在瀏覽器中運作；處理敏感資料前，仍請確認瀏覽器與裝置環境可信。

色碼轉換器：HEX、RGB、HSL、CMYK 互轉與 WCAG 對比度檢查

這個工具可以在 HEX、RGB、HSL 與 CMYK 四種色彩格式之間即時互轉。用取色器選一個顏色，或在任一欄位輸入數值，其他三欄會立刻更新，每欄旁邊都有複製按鈕。例如品牌橘色 #F59E0B 會換算成 rgb(245, 158, 11)、hsl(38, 92%, 50%) 與 cmyk(0%, 36%, 96%, 4%)。HEX 欄位也接受 #F90 這種三位數簡寫，會自動展開成 #FF9900。

四種格式各有用途：HEX 是網頁與設計軟體最常見的寫法；RGB 對應螢幕的紅綠藍光；HSL 用色相、飽和度、亮度描述顏色，想做「同色系但亮一點」的變化時，只要調整 L 值就好，特別適合寫 CSS；CMYK 則是印刷四色油墨。輸入 RGB、HSL、CMYK 時請使用 rgb(255, 153, 0)、hsl(36, 100%, 50%)、cmyk(0%, 40%, 100%, 0%) 這樣以逗號分隔的整數格式，目前不支援透明度（alpha）。

要注意這裡的 CMYK 是以簡易公式從 RGB 換算，沒有套用任何印刷色彩描述檔（ICC Profile）。實際印刷結果會因紙張、油墨與印刷機而不同，送印前請以印刷廠提供的色票或設定為準。另外 HSL 取整數百分比，從 HSL 反算回 HEX 時偶爾會有 1 個色階的差異，這是正常的四捨五入結果。

切換到「對比度檢查」分頁，可以選擇文字色與背景色，工具會依 WCAG 2.1 公式計算對比度，並標示一般文字（AA 需 4.5:1、AAA 需 7:1）、大字（AA 3:1、AAA 4.5:1）與 UI 元件（3:1）是否通過，下方還有即時預覽。舉例來說，白底上的 #767676 灰字是 4.54:1，剛好通過 AA；#777777 只有 4.47:1，就不及格。需要更完整的對比分析與配色建議，可以使用本站的色彩對比度分析器。