RGB 轉 HEX 顏色轉換器
將任何紅、綠、藍顏色值轉換為網頁就緒的 #RRGGBB 十六進位代碼和 CSS rgb() 字串。
#4287F5 · rgb(66, 135, 245)
#4287F5
color mixRed
14.8%
Green
30.3%
Blue
54.9%
此計算機如何運作?
將 RGB 轉換為 HEX:對每個通道四捨五入並限制在 0-255 範圍內,然後以兩位十六進位對的形式寫出並加上 「#」 連接。例如 rgb(66, 135, 245) 變為 #4287F5。相同的通道也形成 CSS 字串 rgb(66, 135, 245),描述相同的顏色。
公式
How this is calculated
每個顏色通道——紅、綠和藍——是一個 8 位元值,範圍從 0 到 255。輸入三個通道值;任何輸入都會四捨五入到最近的整數並限制在 0..255 範圍內,使超出範圍的數字保持有效。
為了建立十六進位代碼,每個通道從十進位轉換為十六進位(基數 16)。一個位元組(0-255)恰好映射到兩個十六進位數字,因此必要時每個值都會在前面補零(例如 5 變為 「05」)。三個兩位數對在前置的 「#」 後串接並大寫,生成 CSS 和設計工具中使用的標準 #RRGGBB 格式。
CSS rgb() 字串只是將相同的限制整數通道列為 rgb(R, G, B)。兩種表示法描述完全相同的顏色:#FFFFFF 等於 rgb(255, 255, 255)(白色),#000000 等於 rgb(0, 0, 0)(黑色)。圓環圖顯示每個通道在混合中的相對權重。
常見問題
標準 RGB 每個通道使用 8 位元,提供 256 個可能的等級(0-255),適用於紅、綠和藍。低於 0 或高於 255 的值會被限制在該範圍內。
0 到 255 的值適合一個位元組,恰好是兩個十六進位數字(00 到 FF)。較小的數字補零,使結果始終為六位數總計。
是的。它們是同一顏色的兩種表示法。十六進位形式緊湊,而 rgb() 更易讀;兩者都是有效的 CSS 顏色值。
也稱為
TG we-Calculate Editorial Team. (2026). RGB 轉 HEX 顏色轉換器 [Online calculator]. TG we-Calculate. https://we-calculate.com/zh-tw/calculator/rgb-to-hex-color-converter
TG we-Calculate Editorial Team. "RGB 轉 HEX 顏色轉換器." TG we-Calculate. 2026. https://we-calculate.com/zh-tw/calculator/rgb-to-hex-color-converter.
TG we-Calculate Editorial Team, "RGB 轉 HEX 顏色轉換器," TG we-Calculate, 2026. [Online]. Available: https://we-calculate.com/zh-tw/calculator/rgb-to-hex-color-converter
@misc{wecalculate_rgb_to_hex_color_converter, title = {RGB 轉 HEX 顏色轉換器}, author = {{TG we-Calculate Editorial Team}}, howpublished = {\url{https://we-calculate.com/zh-tw/calculator/rgb-to-hex-color-converter}}, year = {2026}, note = {TG we-Calculate} }
這個計算機對您有幫助嗎?
