顏色轉換器

HEX、RGB、HSL、HSV、CMYK、LAB 之間互轉,改任一欄,其餘幾種即時更新。

所有換算都在你的瀏覽器本機完成,輸入內容不會上傳到 BroBroGo。

常見問題

支援哪些顏色格式互轉?

支援 HEX、RGB、HSL、HSV、CMYK、LAB。在任一欄輸入數值,另外五種會一起更新,所以任意格式都能轉成其他格式。

CMYK 數值可以直接拿去印刷嗎?

把它當作螢幕上的近似估值就好。真正印刷的 CMYK 還要看紙張、油墨和印刷機的色彩配置,印刷廠給出的數值可能和這裡略有出入。

為什麼 LAB 或 CMYK 轉回來會略有變化?

LAB 和 CMYK 能表示一些螢幕顯示不出來的顏色。當數值超出 RGB 可顯示的範圍時,會被拉到最接近的可顯示顏色,所以再轉回來可能有一點偏差。

數位色彩表示法與轉換原理

在數位設計與網頁開發中,色彩是以不同的數學模型與座標系統來表示。本工具支援六種主流色彩格式的即時互轉,包含 HEX、RGB、HSL、HSV、CMYK 與 LAB。當使用者在任一輸入欄位填入數值,或透過取色器選擇顏色時,系統會立即計算並同步更新其他所有格式的數值。

不同的色彩模型適用於不同的媒介與情境:

  • HEX(十六進位碼):網頁開發最常用的格式,以字元 # 開頭,後接六位或三位十六進位數字,例如 #4f46e5#abc
  • RGB(紅綠藍):屬於加色法模型,用於螢幕等發光顯示器。由紅、綠、藍三原色組成,數值範圍皆為 0 至 255,例如 79, 70, 229
  • HSL(色相、飽和度、亮度):以人類直覺感知為基礎的色彩空間。色相為 0–360 度,飽和度與亮度則以百分比表示,例如 243, 75%, 59%
  • HSV(色相、飽和度、明度):與 HSL 類似,但明度(Value)的定義與亮度(Lightness)不同,例如 243, 69%, 90%
  • CMYK(青、洋紅、黃、黑):屬於減色法模型,用於印刷媒介。由四個 0% 至 100% 的百分比組成,例如 66%, 69%, 0%, 10%
  • LAB:基於人類生理視覺的色彩空間,L 代表亮度(0–100),a 代表綠紅軸,b 代表藍黃軸,例如 40.73, 50.63, -79.08

色域限制與轉換誤差

不同色彩模型所能覆蓋的色彩範圍(即色域)並不相同。在進行跨模型轉換時,常會遇到以下物理限制:

螢幕顯示與印刷色域差異

RGB 屬於加色法,透過光線疊加產生顏色;CMYK 則屬於減色法,透過油墨反射光線顯色。由於兩者物理顯色原理不同,本工具輸出的 CMYK 數值僅為螢幕上的近似估值。實際印刷效果會因紙張材質、油墨廠牌及印刷機的色彩設定檔(ICC Profile)而有所差異。

超出色域的數值調整

LAB 色彩空間的範圍極廣,能表示許多 RGB 無法顯示的顏色。當輸入的 LAB 或 CMYK 數值超出了標準 RGB 顯示器的呈現範圍時,系統會自動將其調整為最接近的可顯示顏色。在這種情況下,若將調整後的數值再次逆向轉換回原始格式,數值可能會出現輕微的偏差。

輸入格式規範與錯誤提示

為確保轉換精確,各欄位必須遵循特定的輸入格式。若輸入格式不符,系統將會顯示對應的錯誤提示:

格式 正確輸入範例 格式錯誤提示
HEX #4f46e5#abc 請輸入十六進位顏色,例如 #4f46e5 或 #abc。
RGB 79, 70, 229 RGB 請填三個 0–255 的數字,例如 79, 70, 229。
HSL 243, 75%, 59% HSL 請填色相 0–360 和兩個百分比,例如 243, 75%, 59%。
HSV 243, 69%, 90% HSV 請填色相 0–360 和兩個百分比,例如 243, 69%, 90%。
CMYK 66%, 69%, 0%, 10% CMYK 請填四個 0–100 的百分比,例如 66%, 69%, 0%, 10%。
LAB 40.73, 50.63, -79.08 LAB 請填 L 0–100 以及 a、b,例如 40.73, 50.63, -79.08。

本機隱私處理機制

本工具非常重視使用者的資料隱私。所有色彩轉換與數值運算皆直接在您的瀏覽器本機完成,輸入的任何內容與色彩數據都不會上傳到 BroBroGo 伺服器。

常見問題

支援哪些顏色格式互轉?

支援 HEX、RGB、HSL、HSV、CMYK、LAB。在任一欄輸入數值,另外五種會一起更新,所以任意格式都能轉成其他格式。

CMYK 數值可以直接拿去印刷嗎?

把它當作螢幕上的近似估值就好。真正印刷的 CMYK 還要看紙張、油墨和印刷機的色彩配置,印刷廠給出的數值可能和這裡略有出入。

為什麼 LAB 或 CMYK 轉回來會略有變化?

LAB 和 CMYK 能表示一些螢幕顯示不出來的顏色。當數值超出 RGB 可顯示的範圍時,會被拉到最接近的可顯示顏色,所以再轉回來可能有一點偏差。