CanDoYa
ZH-TW

RGB轉HEX色碼轉換器

全程在瀏覽器裡執行,免上傳、免註冊。

RGB通道

請輸入0到255的整數。

預設色
選擇顏色
6位數HEX#4F46E5
HEX通道字組
4F46E5
rgb(79, 70, 229)
分享這個工具

RGB怎麼轉換成HEX?

把紅、綠、藍的十進位數值各自轉成兩位十六進位數字,再接在#後面。RGB(255, 87, 51)會得到FF、57和33,因此HEX色碼是#FF5733。這個轉換器會即時計算,也能加上代表透明度的字組。

使用方式

  1. 1輸入RGB通道. 將紅、綠、藍輸入為0到255的整數,或使用同步滑桿調整數值。
  2. 2查看即時預覽. 色票與6位數HEX結果會立即更新,也可以點擊色票,以視覺方式挑選顏色。
  3. 3視需要加入透明度. 開啟透明度以建立8位數HEX色碼,再設定0到100的百分比。
  4. 4複製HEX色碼. 按下複製,即可把可直接用於CSS的色碼放進剪貼簿。

適合誰用

RGB通道使用0到255的十進位數值,HEX則用00FF的十六進位字組表示相同的三個通道。可以直接輸入數值、拖曳滑桿、選擇預設色,或點擊預覽區使用瀏覽器的顏色選擇器。需要8位數的#RRGGBBAA格式時,開啟透明度即可。所有換算都在瀏覽器本機完成,不用上傳,也不用建立帳號。

RGBHEX
rgb(255, 0, 0)#FF0000
rgb(0, 128, 255)#0080FF
rgb(15, 23, 42)#0F172A

常見問題

這個RGB轉HEX工具免費嗎?

免費。不用註冊、下載或擔心轉換次數限制。輸入RGB通道、拖曳滑桿或挑選顏色,就能立即複製結果。

我的RGB數值會被上傳嗎?

不會。RGB轉HEX只是瀏覽器內的簡單計算,顏色數值不會上傳,也不會傳送到外部轉換服務。

可以輸入哪些RGB數值?

紅、綠、藍三個通道都要輸入0到255的整數。0代表沒有該通道,255代表最高強度。遇到小數、空白或超出範圍的數字時,工具會明確提示,不會自行修改。

RGB轉HEX的公式是什麼?

把每個十進位RGB通道轉成十六進位,並補足兩位。依序放入紅、綠、藍,最前面加上#。以rgb(255, 87, 51)為例,三組數字是FF、57和33,合起來就是#FF5733。

HEX色碼可以包含透明度嗎?

可以。CSS支援8位數的#RRGGBBAA格式,最後一組是透明度:00代表完全透明,FF代表完全不透明。在轉換器中開啟透明度,就能把百分比換成最後一組數字。

HEX使用大寫或小寫有差嗎?

沒有。CSS不區分HEX數字的英文大小寫,所以#FF5733和#ff5733代表同一個顏色。轉換器使用大寫,方便辨認各通道字組,但網頁上兩種寫法都能使用。

為什麼50透明度在HEX中會變成80?

透明度通道從00到FF共有256個位元組值。255的一半是127.5,四捨五入後是128,而十進位128的十六進位寫法是80,所以50透明度會在最後加上80。