UrsaKit LogoUrsaKit

RGB 轉 HEX 轉換器

把 rgb() 或 rgba() 數值轉成 HEX 色碼。支援 CSS 寫法與純數字（例如 59, 130, 246），輸出含透明度與否的 HEX。

RGB 顏色

十六進位色值

輸入顏色以查看結果。

RGB 轉 HEX 轉換器

RGB 與 HEX 的關係

RGB 色彩把紅、綠、藍三個通道寫成 0 到 255 的十進位數字；HEX 色彩則把同樣三個通道各寫成兩位十六進位數字，所以 rgb(59, 130, 246) 與 #3B82F6 是同一個藍色。

顏色有透明度時，CSS 會用 rgba() 加上第四個 0 到 1 的數值，HEX 則在後面加上一對 alpha 位數。轉換器兩種都會顯示，方便你挑選程式需要的格式。

如何把 RGB 轉成 HEX

  1. 貼上 rgb() 或 rgba() 數值，或直接輸入以逗號分隔的三個數字。
  2. 按下「轉成 HEX」。
  3. 確認顏色預覽與 HEX / HEX8 輸出。
  4. 複製需要的 HEX 色碼，或用 RGB / RGBA 兩列核對數值是否正確。

RGB 轉 HEX 範例

標準 rgb() 數值

rgb(59, 130, 246)
#3B82F6

含透明度的 rgba()

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

純數字輸入

255, 255, 255
#FFFFFF

UrsaKit 與其他 RGB 轉 HEX 工具比較

比較項目UrsaKitrgbtohex.netHTML Color Codes
價格免費免費免費含廣告
純數字輸入支援部分不支援
透明度處理支援 rgba() 轉 hex8部分支援
個別數值複製支援不支援部分
顏色預覽支援支援支援
上傳輸入不上傳不上傳不上傳
常見問題

常見問題

可以只輸入數字嗎？

可以。59, 130, 246 與 rgb(59, 130, 246) 解析結果相同，數字之間用逗號或空格都可以。

透明度是怎麼換算的？

0 到 1 的 alpha 會乘以 255 並寫成第四對十六進位數字，所以 rgba(59, 130, 246, 0.5) 會變成 #3B82F680。

HEX 和 HEX8 差在哪裡？

HEX 是六位數的顏色色碼；HEX8 多了兩位 alpha，只有顏色部分透明時才需要。

哪些數字是有效的？

每個通道必須是 0 到 255 的整數，alpha 必須介於 0 到 1，或 0% 到 100% 之間。

我的輸入會被上傳嗎？

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

可以從 HEX 轉回 RGB 嗎？

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

全部工具