Beginner

RGB 轉 HEX 顏色轉換器

將任何紅、綠、藍顏色值轉換為網頁就緒的 #RRGGBB 十六進位代碼和 CSS rgb() 字串。
0 to 255
0 to 255
0 to 255
HEX color code
4,360,181

#4287F5 · rgb(66, 135, 245)

HEX code
#4287F5
CSS rgb() string
rgb(66, 135, 245)
Red
66
Green
135
Blue
245

#4287F5

color mix

Red

14.8%

Green

30.3%

Blue

54.9%

計算結果僅為一般資訊用途的估算值,並非專業建議——在仰賴重要結果之前,請務必自行獨立查證。 閱讀完整免責聲明.
快速解答

此計算機如何運作?

將 RGB 轉換為 HEX:對每個通道四捨五入並限制在 0-255 範圍內,然後以兩位十六進位對的形式寫出並加上 「#」 連接。例如 rgb(66, 135, 245) 變為 #4287F5。相同的通道也形成 CSS 字串 rgb(66, 135, 245),描述相同的顏色。

公式
HEX = '#' + [R, G, B].map(c => c.toString(16).padStart(2, '0')).join('')
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 顏色值。

也稱為

rgb 轉 hex
rgb 轉色碼
rgb 轉十六進位
顏色代碼轉換
rgb 轉顏色碼
css 顏色轉換
色彩轉 hex
rgb to hex

APA

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

Chicago

TG we-Calculate Editorial Team. "RGB 轉 HEX 顏色轉換器." TG we-Calculate. 2026. https://we-calculate.com/zh-tw/calculator/rgb-to-hex-color-converter.

IEEE

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

BibTeX

@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} }

這個計算機對您有幫助嗎?