RGB通道使用0到255的十進位數值,HEX則用00到FF的十六進位字組表示相同的三個通道。可以直接輸入數值、拖曳滑桿、選擇預設色,或點擊預覽區使用瀏覽器的顏色選擇器。需要8位數的#RRGGBBAA格式時,開啟透明度即可。所有換算都在瀏覽器本機完成,不用上傳,也不用建立帳號。
| RGB | HEX |
|---|---|
| rgb(255, 0, 0) | #FF0000 |
| rgb(0, 128, 255) | #0080FF |
| rgb(15, 23, 42) | #0F172A |
全程在瀏覽器裡執行,免上傳、免註冊。
#4F46E54F46E5把紅、綠、藍的十進位數值各自轉成兩位十六進位數字,再接在#後面。RGB(255, 87, 51)會得到FF、57和33,因此HEX色碼是#FF5733。這個轉換器會即時計算,也能加上代表透明度的字組。
rgb()宣告轉成精簡的HEX色碼。RGB通道使用0到255的十進位數值,HEX則用00到FF的十六進位字組表示相同的三個通道。可以直接輸入數值、拖曳滑桿、選擇預設色,或點擊預覽區使用瀏覽器的顏色選擇器。需要8位數的#RRGGBBAA格式時,開啟透明度即可。所有換算都在瀏覽器本機完成,不用上傳,也不用建立帳號。
| RGB | HEX |
|---|---|
| rgb(255, 0, 0) | #FF0000 |
| rgb(0, 128, 255) | #0080FF |
| rgb(15, 23, 42) | #0F172A |
免費。不用註冊、下載或擔心轉換次數限制。輸入RGB通道、拖曳滑桿或挑選顏色,就能立即複製結果。
不會。RGB轉HEX只是瀏覽器內的簡單計算,顏色數值不會上傳,也不會傳送到外部轉換服務。
紅、綠、藍三個通道都要輸入0到255的整數。0代表沒有該通道,255代表最高強度。遇到小數、空白或超出範圍的數字時,工具會明確提示,不會自行修改。
把每個十進位RGB通道轉成十六進位,並補足兩位。依序放入紅、綠、藍,最前面加上#。以rgb(255, 87, 51)為例,三組數字是FF、57和33,合起來就是#FF5733。
可以。CSS支援8位數的#RRGGBBAA格式,最後一組是透明度:00代表完全透明,FF代表完全不透明。在轉換器中開啟透明度,就能把百分比換成最後一組數字。
沒有。CSS不區分HEX數字的英文大小寫,所以#FF5733和#ff5733代表同一個顏色。轉換器使用大寫,方便辨認各通道字組,但網頁上兩種寫法都能使用。
透明度通道從00到FF共有256個位元組值。255的一半是127.5,四捨五入後是128,而十進位128的十六進位寫法是80,所以50透明度會在最後加上80。