顏色轉換器

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

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

常見問題

支援哪些顏色格式互轉?

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

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

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

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

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

數位色彩模型的運作原理與轉換

在數位設計與網頁開發中,色彩是以不同的數學模型來記錄與呈現。本工具支援六種主流色彩格式的即時互轉,幫助設計師與前端開發人員在不同媒介間精確傳遞色彩數值。

HEX 與 RGB:螢幕顯示的基礎

RGB 是一種加色法模型,透過紅(Red)、綠(Green)、藍(Blue)三原色光混合而成,數值範圍介乎 0 至 255 之間。例如,數值 79, 70, 229 代表一種偏藍的紫色。HEX 則是 RGB 的十六進位簡寫,以 # 開頭,後接六位或三位十六進位字元,例如 #4f46e5#abc。這兩種格式廣泛應用於網頁瀏覽器與螢幕顯示設備。

HSL 與 HSV:符合人類直覺的色彩空間

與基於硬體發光原理的 RGB 不同,HSL 與 HSV 是以人類感知色彩的方式來建立模型:

  • HSL:代表色相(Hue,0–360)、飽和度(Saturation,百分比)與亮度(Lightness,百分比),例如 243, 75%, 59%
  • HSV:代表色相(0–360)、飽和度(百分比)與明度(Value,百分比),例如 243, 69%, 90%

這兩種模型將「顏色種類」(色相)與「色彩深淺/明暗」分離,便於設計師調整色彩的搭配與對比度。

CMYK:印刷媒介的減色模型

CMYK 是由青(Cyan)、洋紅(Magenta)、黃(Yellow)與黑色(Key/Black)組成的減色模型,以四個 0 至 100 的百分比表示,例如 66%, 69%, 0%, 10%。印刷品依賴紙張反射光線,與螢幕主動發光的原理相反。

LAB:獨立於設備的色彩空間

LAB 是一種基於人類生理視覺的色彩空間,由亮度 L(0–100)以及兩個色彩通道 a(綠-紅軸)與 b(藍-黃軸)組成,例如 40.73, 50.63, -79.08。LAB 的色域極廣,常作為不同色彩空間轉換時的中介橋樑。


色彩轉換規則與輸入格式限制

本工具提供雙向即時同步功能,修改任一欄位的數值,其餘五種格式與取色器便會立即更新。各格式的輸入規範與錯誤提示如下:

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

色域限制與轉換誤差說明

在進行跨媒介色彩轉換時,必須注意不同色彩模型之間的物理限制:

  1. 色域溢出與調整:LAB 與 CMYK 能夠表示一些超出螢幕 RGB 顯示範圍的顏色。當輸入的 LAB 或 CMYK 數值超出 RGB 可顯示的範圍時,系統會自動將其調整至最接近的螢幕可顯示顏色。因此,將調整後的數值再次轉回原始格式時,可能會出現輕微的數值偏差。
  2. 印刷色差:本工具輸出的 CMYK 數值僅為螢幕上的近似估值。實際印刷效果會受到紙張材質、油墨種類及印刷機色彩配置(ICC Profile)等物理因素影響,最終數值應以專業印刷廠提供的調整為準。

本機處理與隱私保護

本工具非常重視你的數據隱私。所有色彩換算與運算程序均直接在你的瀏覽器本機完成,你輸入的任何數值或選取的顏色均不會上傳到 BroBroGo 伺服器。


常見問題

支援哪些顏色格式互轉?

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

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

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

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

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