什麼是色彩轉換器？

色彩轉換器在 HEX、RGB、HSL、HSV 和 CMYK 格式之間互轉。選個顏色或輸入數值，即可在即時預覽中查看所有格式的結果。

用色輪挑色,或在 HEX、RGB、HSL、HSV、CMYK 任一欄直接輸入數字,其他欄會即時跟上。這裡同時提供 HSL 與 HSV(也稱 HSB)。後者在 Photoshop、Sketch 和系統取色器中更常見,一般 CSS 工具看不到。

使用方法

1. 步驟一——使用互動式取色器選取顏色，或在任意格式欄位中直接輸入色值。
2. 步驟二——所有格式欄位同時更新，讓你隨時看到每種格式的對應數值。
3. 步驟三——複製任意格式的數值，或用取色器微調。每個欄位都會即時跟著變。

何時使用

• 用色輪取色,再複製對應的 CMYK 值貼進 Illustrator 檔。
• 在 Photoshop 調好 HSV 值,讀出 CSS 對應的 HSL。
• 從零開始建配色:拖色輪同時記下每個 HEX。

結果

一位印刷設計師需要將網頁顏色 rgb(0, 128, 255) 轉為 CMYK 值，工具將其轉換為 cmyk(100%, 50%, 0%, 0%)，確保印刷色彩精準還原。

常見問題

為什麼同時提供 HSL 與 HSV,兩者不是很像嗎?

HSL 搭配 CSS 與多數 Web 工具;HSV(又稱 HSB)是 Photoshop、Sketch、macOS / Windows 原生取色器的預設。設計師常在兩邊來回切換,所以兩個都提供,省去再轉一次的工。

我可以直接改欄位,還是只能用色輪?

每個欄位都能改。手寫 HEX,或在 RGB / HSL / HSV / CMYK 改數字,色輪和其他欄位都會即時跟上。不論動哪一欄,整體都會保持同步。

灰色的 HSL 為何色相和飽和度都顯示 0?

純灰沒有色相,飽和度為 0。按 HSL 慣例,飽和度為 0 時色相也設為 0,因為灰色在色環上沒有位置。數學上是正確的,只是容易被誤讀為「資料缺失」。

CMYK 中的 K 是什麼意思?

K 代表 Key,實際是黑色。印刷時不靠 CMY 混出近似黑,而是直接加 K,既省彩色油墨,又能避免 CMY 混出的偏棕濁色。工具會自動算出 K 值。

色輪在觸控螢幕或手寫筆上可用嗎?

可以。色輪是瀏覽器原生的取色器輸入,滑鼠、觸控板、手指、手寫筆都行。手機觸控點一下會跳出系統取色器,桌面點擊則展開色輪。要精準取值,輸入欄位比較方便。

相關工具