RGB 顏色轉換器|10進位制⇄16進位制(HEX)一鍵互轉
免費線上將 RGB 十進位制數值與 HTML 十六進位制顏色程式碼相互轉換,即輸即得。適用於 CSS 編寫、設計工具取色等場景,快速查詢和轉換顏色程式碼。
十進位制(Base 10)
| R | |
|---|---|
| G | |
| B |
十六進位制(Base 16)
| # |
|---|
提示
- CSS 中可以使用
#RRGGBB和rgb(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年正式納入標準,以示追悼。這段故事在工程師社群中廣為流傳。