顏色代碼轉換

#FF0000
HEX
RGB / RGBA
HSL / HSLA
HSV / HSVA
CMYK
LAB

色彩格式說明

HEX

十六進位顏色碼,以 # 開頭,6 位表示 RGB(每兩位代表一個通道),8 位增加 Alpha 透明度通道。最常用於網頁開發。

#FF0000 / #FF000080

RGB / RGBA

紅綠藍三色光加法混色模型。每個通道取值範圍 0-255,RGBA 增加 Alpha 透明度通道(0-255)。螢幕顯示的標準格式。

rgb(255, 0, 0)

HSL / HSLA

色相-飽和度-亮度色彩模型。H 為 0-360° 色相環位置,S 0-100% 飽和度,L 0-100% 亮度。比 RGB 更符合人類對顏色的直觀理解。

hsl(0, 100%, 50%)

HSV / HSVA

色相-飽和度-明度色彩模型(又稱 HSB)。H 0-360° 色相位置,S 0-100% 飽和度,V 0-100% 明度。常用於影像處理和設計工具中的選色器。

hsv(0, 100%, 100%)

CMYK

青-品紅-黃-黑減法混色模型,四色印刷的標準色彩模式。每個通道 0-100%。與 RGB 色域不同,部分 RGB 顏色無法精確轉換為 CMYK。

cmyk(0%, 100%, 100%, 0%)

CIE LAB

國際照明委員會定義的設備無關色彩空間。L 表示亮度(0-100),a 表示綠到紅(-128~127),b 表示藍到黃(-128~127)。基於人眼視覺感知,色差均勻分布。

lab(53, 80, 67)

關於顏色代碼轉換

免費在線顏色代碼轉換工具

顏色代碼轉換支援 HEX、RGB、HSL、HSV、CMYK 和 CIE LAB 六種色彩格式之間的相互轉換。所有計算在瀏覽器本地完成,無需上傳資料,保護您的隱私。支援透明度(Alpha)通道,可即時預覽顏色。


功能特點

  • 支援 HEX(6 位/8 位)、RGB/RGBA、HSL/HSLA、HSV/HSVA、CMYK、CIE LAB 六種格式
  • 任意格式輸入即時轉換,雙向同步
  • 透明度 Alpha 通道完整支援
  • 顏色預覽色塊,點擊彈出系統取色器
  • 一鍵複製各格式標準顏色值字串
  • 純前端離線計算,不上傳任何資料

使用方法

  1. 1在任意顏色格式的輸入框中輸入顏色值
  2. 2其他格式自動即時轉換並顯示結果
  3. 3點擊頂部色塊可使用系統取色器選取顏色
  4. 4點擊格式右側的複製按鈕複製標準顏色字串

常見問題

HEX 6 位和 8 位有什麼區別?
6 位 HEX(如 #FF0000)不包含透明度資訊,8 位 HEX(如 #FF000080)最後兩位表示透明度(00=完全透明,FF=完全不透明)。
LAB 色彩空間中的 a 和 b 值代表什麼?
LAB 色彩空間中的 a 值表示從綠色到紅色的範圍(負值偏綠,正值偏紅),b 值表示從藍色到黃色的範圍(負值偏藍,正值偏黃)。L 值代表亮度(0=黑,100=白)。
CMYK 和 RGB 有什麼區別?
RGB 是加法色彩模型,用於螢幕顯示(紅綠藍三色光疊加)。CMYK 是減法色彩模型,用於印刷(青、品紅、黃、黑四色油墨混合)。兩種模型之間存在色域差異,部分 RGB 顏色無法精確轉換為 CMYK。
資料會被上傳到伺服器嗎?
不會。所有顏色轉換計算完全在瀏覽器本地完成,您的顏色資料不會被上傳到任何伺服器。
Alpha 透明度在所有格式中都受支援嗎?
HEX(8 位)、RGBA、HSLA、HSVA 支援透明度。CMYK 和 LAB 標準中不包含 Alpha 通道,因此輸入帶透明度的顏色時,這兩個格式會忽略 Alpha 值。
轉換精度如何?
各格式之間的轉換使用標準演算法(sRGB 色彩空間、D65 光源、2° 標準觀察者)。RGB 轉 CMYK 和 LAB 時因色彩空間差異可能存在微小捨入誤差,通常不影響使用。

相關工具

程式碼格式化XML格式化Unicode 編碼解碼進制轉換Base64 編碼解碼URL 編碼解碼HTML 實體轉義Cookie 轉 JSONJSON Unicode 轉義MD5 編碼JWT 解碼驗證生成JSON 轉 CookieUUID 產生與解析正規表示式測試器HTTP 狀態碼連接埠號大全User-Agent 查看器我的瀏覽器指紋JSON Unicode 還原Cron 表達式產生器與解析器IP 地址查詢