AirTools Hub
設計前端

色彩色碼 HEX / RGB / HSL 轉換器

即時調色盤選色與預覽,HEX、RGB、HSL 色彩格式雙向互換,並提供 WCAG 無障礙對比度檢測。

全功能互動計算器正透過客戶端腳本即時運算中...

立即在應用中開啟試算 →

📋 如何使用本工具 (Step-by-Step Guide)

1. 輸入 HEX 十六進位代碼(如 #4F46E5)、RGB 或 HSL 數值。 2. 系統自動同步計算出 CMYK 印刷數值與 CSS 語法。 3. 提供色彩預覽與明暗對比度檢測,支援一鍵點擊複製代碼。

📐 運算原理與法定公式說明

依據國際 CIE 比色法標準演算法,在 sRGB 色域空間中精確轉換立方體 RGB 至柱狀 HSL 與減色 CMYK 數值。

❓ 常見問題解答 (FAQ)

Q: 螢幕顯示的 RGB 顏色印出來為什麼有色差?

電腦螢幕為光學加色模型(RGB),印刷機為油墨減色模型(CMYK),印刷色域通常小於螢幕色域,故重要印刷品需提前校驗 CMYK 數值。

Q: 網頁開發推薦使用 HEX 還是 HSL?

HEX 適合指定固定品牌色;HSL 則非常適合設計系統做按鈕的 Hover 懸停色變亮或暗黑模式動態明度調節。

🛡️ 工具特色與隱私承諾

  • 100% 於瀏覽器本地(Client-Side)計算,絕不將任何個人隱私數據傳輸至雲端伺服器。
  • 免註冊、免登入、免下載,完全免費即開即用。
  • 關鍵字標籤:色碼轉換, HEX轉RGB, 色票轉換器, WCAG對比度檢測