色彩格式轉換器
在 HEX、RGB、HSL 與 CMYK 格式間互轉，並提供即時預覽（桌面端支援即時預覽）
HEX
#
RGB
R
G
B
HSL
H
S
L
CMYK
C
M
Y
K
小提示：按住通道字母左右拖動可微調
預覽
使用說明
🚀 快速開始
- 選擇/輸入：可輸入任一格式（如 #1E90FF、rgb(30,144,255)、hsl(210,100%,56%)），或使用取色器
- 自動轉換：輸入任一格式後，其餘格式即時更新
- 複製：點擊各格式後方的複製按鈕以取得標準化字串
📌 常見使用情境
- 設計交接：將設計稿的 HEX 轉為 CSS 的 RGB/HSL 以供開發
- 風格指南：統一元件庫的顏色格式與書寫風格
- 印刷參考：將螢幕色轉為 CMYK 作為初步估算（需打樣確認）
- 無障礙：透過預覽進行對比初查（精確比值請使用專門工具）
🎛️ 轉換參數與顯示
- 輸入規則：HEX 僅支援 6 位（不含 Alpha）；RGB 為 0–255；H 為 0–360，S/L 為 0–100；CMYK 為 0–100。輸入不分大小寫
- 預覽行為：桌面端右側即時預覽；行動端為輕量模式，不顯示預覽
- 取色器：點擊各卡片右上角的調色盤按鈕開啟色盤
- HEX 大寫策略：輸出統一為大寫（如 #1E90FF），輸入不分大小寫；無大小寫切換
- 微調：按住通道字母左右拖動可微調（Shift×10，Alt÷0.1）
- 複製輸出：複製按鈕輸出標準化字串（HEX 統一大寫）
🧭 使用建議
- 精度意識：sRGB 與裝置色彩管理差異可能造成取色值略有不同
- 透明度：目前格式不含 Alpha；需透明度請用 rgba()/hsla() 或獨立維護
- 色彩空間：Web 預設 sRGB；在 P3/Display‑P3 廣色域需謹慎驗證
- 團隊一致：約定 CSS 的標準顏色格式（如 HSL）
⚠️ 限制說明
- 裝置差異：不同顯示器/瀏覽器/系統的色彩管理不同，實際觀感可能差異
- CMYK 近似：換算僅供參考，嚴謹印刷需 ICC 設定與專業流程
- 不含 Alpha：本工具不處理透明通道
🔒 隱私與安全
- 所有處理均在您的瀏覽器內完成，資料不會離開您的裝置
- 不做持久保存：關閉頁面後輸入與歷史將清空（除非你主動保存）
❓ 常見問題
是否支援 #RGB 簡寫？
暫不支援 #RGB，請使用 6 位 HEX（#RRGGBB）。
RGB 與 HSL 的取值範圍為何？
RGB 為 0–255；H 為 0–360，S/L 為 0–100%
為什麼 CMYK 與實際印刷不同？
CMYK 受紙張、油墨、設備與 ICC 設定影響；本工具僅近似換算，成品需打樣確認
是否支援透明通道（rgba()/hsla()）？
暫不支援 Alpha；請使用 rgba()/hsla() 或另行維護透明度。
為何預覽或轉換值與設計軟體/瀏覽器顯示不同？
受色彩管理、渲染算法、螢幕校正等影響；本工具以 sRGB 為基礎計算，結果僅供參考。
是否支援寬色域（P3/Display‑P3）？
目前以 sRGB 為基礎；在廣色域情境需配合目標裝置與 ICC 設定謹慎驗證。
支援由 CMYK 反推 HEX/RGB 嗎？
支援互轉，但 CMYK→螢幕色僅供近似參考；嚴肅印刷需搭配 ICC 與打樣確認。