色彩工具
線上色彩轉換器 | RGB、HEX、HSL、HSV、CMYK 同步轉換
線上互轉 RGB、HEX、HSL、HSV、CMYK 等色彩格式，編輯任一格式即同步更新其餘色值，rgb 轉 hex 一步完成。
即時同步無需上傳
顏色預覽
使用預覽色塊、系統取色器與透明度滑桿，在所有色彩格式之間精準調整同一個顏色。
目前預覽顏色
#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 中，預覽區也會持續反映目前的不透明度。
這個色彩轉換器有隱私性嗎？
不會。所有轉換邏輯都在你的瀏覽器本機執行，顏色值不會上傳到伺服器。
這款線上色彩轉換器可以在 HEX、RGB、RGBA、HSL、HSLA、HSV、HSVA、CMYK 與 CMYKA 之間互相轉換。只要在任一格式欄位輸入色碼，例如把 #2E8B57 貼進 HEX 欄，其餘所有色彩模型會立即雙向同步更新，RGB 轉 HEX、HEX 轉 RGB 都是同一步完成。搭配即時預覽色塊、系統取色器與透明度滑桿，還能精準調整色相與不透明度。所有運算都在你的瀏覽器本機執行，色碼不會上傳到任何伺服器。
色彩轉換器使用方式
- 1
輸入一組色碼
在任一格式欄位貼上或輸入色碼，例如 HEX 填 #2E8B57、RGB 填 rgb(46, 139, 87)，或 HSL 填 hsl(146, 50%, 36%)。
- 2
看所有格式自動同步
只要輸入值有效，工具會同時把它換算成其餘所有支援格式，包含 RGB、RGBA、HEX、HSL、HSLA、HSV、HSVA、CMYK 與 CMYKA。
- 3
微調顏色與透明度
用即時色塊、系統取色器與透明度滑桿調整色相與不透明度，也可以按「隨機」探索新配色。
- 4
複製或匯出色碼
點任一欄位即可複製該格式的值，或用「全部複製」一次取得所有格式，直接貼進 CSS、設計稿或程式碼。
參考資料
- W3C — CSS Color Module Level 4
W3C 官方規格，定義了 HEX、rgb()、hsl()、hwb() 等 CSS 色彩格式與現代色彩語法。
- MDN — CSS <color> 值
MDN 參考文件，涵蓋 HEX、RGB/RGBA、HSL/HSLA 等所有 CSS 色彩表示法，以及 Alpha 透明度的運作方式。
相關工具
常見問題
- RGB 轉 HEX 或 HEX 轉 RGB 該怎麼操作？
- 在 HEX 欄輸入 #2E8B57，RGB 欄會立刻顯示 rgb(46, 139, 87)，反向輸入 RGB 也一樣會自動換算成 HEX。因為所有格式都即時雙向同步，RGB 轉 HEX 與 HEX 轉 RGB 都不需要額外按任何按鈕。
- 我可以編輯任一種顏色格式，讓其它格式一起更新嗎？
- 可以。工具支援雙向同步，無論你修改 RGB、RGBA、HEX、HSL、HSLA、HSV、HSVA、CMYK 或 CMYKA 中的哪一個，只要輸入值有效，其餘格式都會立即跟著更新。
- 轉換時透明度（Alpha）會怎麼處理？
- HEX 預設只顯示不含透明度的色碼。透明度會完整保留在 RGBA、HSLA、HSVA 與 CMYKA 中，預覽色塊也會持續反映目前的不透明度，方便你做半透明的疊色或介面狀態色。
- 這個工具能把 RGB 轉成印刷用的 CMYK 嗎？
- 可以。只要修改任一格式，CMYK 與 CMYKA 欄位就會同步更新，提供可供印刷的青、洋紅、黃與黑（K）數值。要注意 CMYK 屬於裝置相依色彩，螢幕顯示與實際印刷成品的顏色可能略有差異，送印前建議以打樣為準。
- 免費的色彩轉換器有支援繁體中文嗎？
- 有。整個介面與說明都提供繁體中文，包含格式名稱、操作提示與常見問題，完全免費、不需註冊也不必安裝任何軟體即可使用。
- 使用這個色彩轉換器會不會洩漏資料？
- 不會。所有轉換邏輯都在你的瀏覽器本機執行，輸入的色碼不會上傳到伺服器，因此用於商業設計稿或內部專案也很安心。