色彩工具
線上色彩轉換器 | RGB、HEX、HSL、HSV、CMYK 同步轉換
免費的線上色彩轉換工具，支援 RGB、RGBA、HEX、HSL、HSLA、HSV、HSVA、CMYK 與 CMYKA。編輯任一格式，其它顏色值會立即同步更新。
即時同步無需上傳
顏色預覽
使用預覽色塊、系統取色器與透明度滑桿，在所有色彩格式之間精準調整同一個顏色。
目前預覽顏色
#3B82F6
rgba(59, 130, 246, 0.84)
顏色選擇器
#3B82F6
透明度
0.8401
即時通道
HEX- R
- 59
- G
- 130
- B
- 246
- A
- 0.84
編輯提示
如果你輸入時某個欄位暫時無效，工具會保留上一個有效顏色。只要把目前的值補完整，其它格式就會再次自動同步。
即時同步無需上傳
雙向色彩格式編輯器
下方所有格式都可直接編輯。修改 HEX、RGB、RGBA、HSL、HSLA、HSV、HSVA、CMYK 或 CMYKA 後，其餘色彩模型會立刻同步。
RGB
RGBA
HSL
HSLA
HSV
HSVA
CMYK
CMYKA
說明
說明
RGB
RGB 是一種工業標準色彩模型，由紅（R）、綠（G）、藍（B）三個通道組成。透過調整三個通道的強度並相互疊加，RGB 可以呈現螢幕上大部分的顏色，也是數位裝置最常見的色彩系統之一。
RGBA
RGBA 是在 RGB 基礎上加入 Alpha 透明通道的格式。R、G、B 的數值通常介於 0 到 255，A 則多半使用 0 到 1 或 0% 到 100%，常見於需要控制透明度的 CSS 顏色。
HEX
HEX 是以十六進位表示顏色的方式，在網頁設計與 CSS 中相當常見，因為它簡潔且容易複製。像 #2E8B57 這樣的標準 HEX 會以十六進位成對表示紅、綠、藍，延伸格式也可以包含透明度。
HSL
HSL（色相、飽和度、亮度）是在圓柱座標系中表示 RGB 顏色的方法。H 代表顏色類別，S 代表顏色純度，數值越高越鮮豔，L 代表明暗程度，0% 最暗，50% 居中，100% 最亮。
HSLA
HSLA 是帶有透明通道的 HSL。它保留色相、飽和度與亮度的表示方式，同時加入 Alpha，因此很適合陰影、半透明填色、遮罩與介面狀態色。
HSV
HSV（色相、飽和度、明度）是 A. R. Smith 於 1978 年提出的一種色彩空間，也稱為六角錐模型。由於 V 直接表示顏色看起來有多亮，因此常用於更直覺的選色情境。
HSVA
HSVA 是在 HSV 的基礎上加入 Alpha 的格式，適合在使用色相、飽和度、明度選色邏輯的同時，還需要描述透明度的介面與圖形設計情境。
CMYK
CMYK 是印刷領域常用的色彩模式。印刷品需要依靠外部光線照射並反射到人眼後才看得見，因此特別適合紙張、包裝與宣傳物等情境。它與螢幕使用的 RGB 不同，是為油墨疊印而設計。
CMYKA
CMYKA 在 CMYK 的基礎上加入 Alpha 透明通道，適合在設計交接、分層素材或同時面向印刷與數位場景的流程中描述顏色與透明度。
如何使用線上色彩轉換器
01
在任一格式欄位中貼上或輸入顏色值，例如 HEX、RGB、RGBA、HSL、HSV 或 CMYK。
02
當輸入值有效時，工具會自動將其轉換為所有其他支援的色彩格式。
03
使用預覽面板、取色器、透明度滑桿與複製按鈕，微調並匯出你需要的準確顏色。
核心功能
雙向格式同步
修改任一種支援的格式，RGB、RGBA、HEX、HSL、HSLA、HSV、HSVA、CMYK 與 CMYKA 都會即時保持同步。
視覺化色彩控制
透過即時色塊、瀏覽器取色器、透明度滑桿與通道讀值，立即檢視目前顏色。
瀏覽器端轉換
每個欄位都支援常見函式語法，所有轉換都在瀏覽器端完成，速度快且更私密。
色彩轉換器常見問題
我可以編輯任一種顏色格式，並讓其它格式一起更新嗎？
可以。此工具支援雙向同步。只要你編輯 RGB、RGBA、HEX、HSL、HSLA、HSV、HSVA、CMYK 或 CMYKA 中任一格式，其他格式就會在值有效後立即更新。
轉換時透明度會如何處理？
頁面中的 HEX 預設不顯示透明度，因為這裡重點呈現你要求的格式。透明度會保留在 RGBA、HSLA、HSVA 與 CMYKA 中，預覽區也會持續反映目前的不透明度。
這個色彩轉換器有隱私性嗎？
不會。所有轉換邏輯都在你的瀏覽器本機執行，顏色值不會上傳到伺服器。