數位色彩模型的運作原理與轉換
在數位設計與網頁開發中,色彩是以不同的數學模型來記錄與呈現。本工具支援六種主流色彩格式的即時互轉,幫助設計師與前端開發人員在不同媒介間精確傳遞色彩數值。
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。 |
色域限制與轉換誤差說明
在進行跨媒介色彩轉換時,必須注意不同色彩模型之間的物理限制:
- 色域溢出與調整:LAB 與 CMYK 能夠表示一些超出螢幕 RGB 顯示範圍的顏色。當輸入的 LAB 或 CMYK 數值超出 RGB 可顯示的範圍時,系統會自動將其調整至最接近的螢幕可顯示顏色。因此,將調整後的數值再次轉回原始格式時,可能會出現輕微的數值偏差。
- 印刷色差:本工具輸出的 CMYK 數值僅為螢幕上的近似估值。實際印刷效果會受到紙張材質、油墨種類及印刷機色彩配置(ICC Profile)等物理因素影響,最終數值應以專業印刷廠提供的調整為準。
本機處理與隱私保護
本工具非常重視你的數據隱私。所有色彩換算與運算程序均直接在你的瀏覽器本機完成,你輸入的任何數值或選取的顏色均不會上傳到 BroBroGo 伺服器。
常見問題
支援哪些顏色格式互轉?
支援 HEX、RGB、HSL、HSV、CMYK、LAB。在任一欄輸入數值,另外五種會一起更新,所以任意格式都能轉成其他格式。
CMYK 數值可以直接拿去印刷嗎?
把它當作螢幕上的近似估值即可。真正印刷的 CMYK 還要看紙張、油墨和印刷機的色彩配置,印刷廠給出的數值可能和這裡略有出入。
為什麼 LAB 或 CMYK 轉回來會略有變化?
LAB 和 CMYK 能表示一些螢幕顯示不出來的顏色。當數值超出 RGB 可顯示的範圍時,會被拉到最接近的可顯示顏色,所以再轉回來可能有一點偏差。