RGB 顏色轉換器|10進位制⇄16進位制(HEX)一鍵互轉

免費線上將 RGB 十進位制數值與 HTML 十六進位制顏色程式碼相互轉換,即輸即得。適用於 CSS 編寫、設計工具取色等場景,快速查詢和轉換顏色程式碼。

十進位制(Base 10)

R
G
B


十六進位制(Base 16)

#

提示

  • CSS 中可以使用 #RRGGBBrgb(R, G, B) 兩種格式指定顏色。
  • R(紅)、G(綠)、B(藍)每個通道的值範圍為 0〜255(十六進位制 00〜FF)。
  • 白色為 #FFFFFF(255, 255, 255),黑色為 #000000(0, 0, 0)。
  • Figma、Adobe XD 等設計工具均支援兩種格式,複製數值即可直接使用。
  • 簡寫 #FFF 等同於 #FFFFFF(白色),是有效的 CSS 寫法之一。

常見問題

R、G、B 每個通道的有效值為 0〜255 的整數,對應十六進位制的 00〜FF

不區分。#FFFFFF#ffffff 在 CSS 中表示相同的顏色,大小寫不影響結果。

只有當每個通道的兩位十六進位制字元相同時才能簡寫(例如 #AABBCC#ABC)。像 #1DA1F2 這樣的值無法簡寫。
ツールくん

閒話 ― 色彩的奧秘 ― 人眼與1677萬色的世界

人眼能識別的顏色數量約為 1000萬色(因人而異)。RGB 24位色(每通道8位)可表示 16,777,216 種顏色(約1677萬色),遠超人眼的識別能力。

知名品牌色的 RGB 值:Twitter 藍 #1DA1F2(29, 161, 242)、Google 紅 #EA4335(234, 67, 53)、LINE 綠 #00B900(0, 185, 0)。蒂芙尼標誌性的藍色「Tiffany Blue」接近 #0ABAB5,是少數被註冊為商標的顏色之一。

有趣的是,CSS 中有一個名為 rebeccapurple(#663399)的顏色。這是 CSS 規範制定者 Eric Meyer 的女兒 Rebecca(享年6歲)去世後,由 CSS 社群提議,於2014年正式納入標準,以示追悼。這段故事在工程師社群中廣為流傳。