UrsaKit LogoUrsaKit

HEX 轉 RGB 轉換器

把 HEX 色碼轉成 RGB 與 RGBA 數值，並顯示顏色預覽。支援 3、4、6、8 位數色碼，例如 #3B82F6 或 #3B82F680。

十六進位顏色

RGB 和 RGBA 色值

輸入顏色以查看結果。

HEX 轉 RGB 轉換器

什麼是 HEX 色碼？

HEX 色碼把紅、綠、藍三個通道各用兩位十六進位數字表示，所以 #3B82F6 代表紅 3B、綠 82、藍 F6。十六進位是 16 進位，因此每個通道從 00 到 FF，等於 0 到 255。

CSS 也接受 4 位數與 8 位數色碼：多出來的一對是透明度，所以 #3B82F680 是同一個藍色、約 50% 不透明。3 位數簡寫如 #abc 會把每個數字重複一次，變成 #aabbcc。

如何把 HEX 轉成 RGB

  1. 貼上 HEX 色碼，# 可省略。
  2. 按下「轉成 RGB」。
  3. 在結果區讀取紅、綠、藍數值；若色碼含透明度，也會顯示 alpha 值。
  4. 用複製按鈕取得 rgb() 或 rgba()，或直接從數值卡讀取三個通道。

HEX 轉 RGB 範例

標準六位數藍色

#3B82F6
rgb(59, 130, 246)

三位數簡寫白色

#FFF
rgb(255, 255, 255)

八位數含透明度

#3B82F680
rgba(59, 130, 246, 0.5)

UrsaKit 與其他 HEX 轉 RGB 工具比較

比較項目UrsaKitrgbtohex.netHTML Color Codes
價格免費免費免費含廣告
顏色預覽支援支援支援
透明度支援 4 與 8 位數部分支援
個別數值複製支援不支援部分
其他色彩模型另設工具不支援RGB、HSL、CMYK
上傳色碼不上傳不上傳不上傳
常見問題

常見問題

可以不加 # 嗎？

可以。3B82F6 與 #3B82F6 都能解析，輸出的正規化色碼會補回 #。

rgb() 和 rgba() 差在哪裡？

rgb() 只有三個通道，完全不透明；rgba() 多一個 0 到 1 的 alpha 值，當色碼是 4 位數或 8 位數時會用到。

3 位數與 4 位數色碼怎麼運作？

每個數字會重複一次，所以 #abc 等於 #aabbcc、#abcd 等於 #aabbccdd。這是 CSS 對「每個通道兩位數相同」的簡寫。

RGB 數字代表什麼？

每個通道是 0 到 255 的數值：0 代表該色光完全沒有，255 代表該通道全開，三個通道混合後就是最終顏色。

我的色碼會被上傳嗎？

不會。轉換完全在瀏覽器用 JavaScript 完成，不會傳到伺服器。

可以反向把 RGB 轉成 HEX 嗎？

可以。使用下方的「RGB 轉 HEX」工具，就能把 rgb() 或 rgba() 數值轉回 HEX 色碼。

全部工具