🎨

色彩格式轉換

立即在 HEX、RGB、HSL 與 CMYK 格式之間轉換色彩。編輯任一欄位，其餘欄位會自動更新。

產生器工具 本機執行 不會傳送任何資料
HEX RGB HSL CMYK 轉換器 WCAG
顏色選擇器
格式
HEX
RGB
HSL
CMYK
白色文字 黑色文字
#FF5733
最接近的 CSS 名稱： —
此顏色上的白色文字
—
此顏色上的黑色文字
—
關於色彩格式
  • HEX —最常見於 web / CSS / HTML。精簡的 6 字元十六進位標記法（例如 #FF5733).
  • RGB —用於螢幕程式設計、CSS 與 canvas API。每個通道（Red、Green、Blue）範圍為 0-955。
  • HSL —色相、飽和度、亮度。對人類更直觀——易於微調顏色的亮度或色調。
  • CMYK —青色、洋紅色、黃色、Key（黑色）。用於印刷設計與專業出版工作流程。
  • 編輯任一欄位，其他所有格式會自動更新。支援簡短形式（255, 87, 51）與完整形式（rgb(255, 87, 51)）輸入。

什麼是色彩轉換器？

立即在 HEX、RGB、HSL 與 CMYK 之間轉換色彩。內含視覺化選色器，讓您調整並複製所需格式。

如何使用色彩轉換器

  1. 以 HEX、RGB、HSL、HSV 或其他支援的格式輸入顏色。
  2. 讓工具自動將此值轉換成其他色彩格式。
  3. 微調任一欄位，直到輸出完全符合你的目標色彩。
  4. 複製你需要的格式，用於 CSS、設計交付或印刷作業。

相關工具

🎨
顏色選擇器
在 HEX、RGB、HSL 與 CMYK 之間轉換顏色
 🎨
配色盤產生器
產生互補色、類似色與三色配色調色盤
 ♿
WCAG 對比檢測
檢查 WCAG AA 與 AAA 色彩對比比率，以符合無障礙要求
了解色彩格式 ▾
範例
輸入 #FF5733
輸出 RGB(255, 87, 51), HSL(11, 100%, 60%), CMYK(0, 66, 80, 0)
常見使用情境
  • 將設計稿色彩轉換為可直接用於 CSS 的值
  • 將 RGB 或 HSL 色彩轉換為 HEX，供前端程式碼使用
  • 比較印刷導向的 CMYK 值與數位色彩格式
  • 在交付設計檔案前標準化色彩規格
常見問題
是否支援 CSS oklch() 與 lab()？

此工具可在傳統色彩空間之間轉換。CSS oklch/lab 需要專用的知覺色彩轉換器。

CMYK 轉換有多準確？

此轉換採用 sRGB →CMYK 公式。若用於印刷生產，請使用支援 ICC 色彩描述檔的工具。

線上色彩格式轉換 —HEX、RGB、HSL 與 OKLCH 有什麼功能？

線上色彩格式轉換 —HEX、RGB、HSL 與 OKLCH 完全在你的瀏覽器中執行，協助你完成此任務，且不需將資料上傳至伺服器。

線上色彩格式轉換 —HEX、RGB、HSL 與 OKLCH 可免費使用嗎？

可以。此工具可免費使用，且無需註冊。