HEX 轉 RGB 轉換器
輸入 HEX 顏色,FileTinker 會即時把它轉成 RGB,並一併顯示其他格式。每個數值都可編輯,並可直接用於 CSS 或設計工具。一切都在你的瀏覽器中執行。
更多預設
前往其他預設 — 每個都有獨立頁面,並已將工具設定好:
如何將 HEX 轉換成 RGB
- 在 HEX 欄位輸入你的值,或用色塊挑選顏色。
- 即時讀取更新後的 RGB 值。
- 複製它——可直接用於 CSS 或你的設計工具。
關於將 HEX 轉換成 RGB
HEX 與 RGB 是以不同表示法描述同一個螢幕顏色,而在它們之間轉換是網頁與平面設計的日常工作。本頁聚焦於 HEX 轉 RGB,但會同時顯示 HEX、RGB 與 HSL,讓你隨時都有每一種格式可用。
一切都在你的瀏覽器中進行,因此既即時又私密——免上傳、免註冊。編輯任一欄位,其他欄位(包括即時預覽與原生取色器)都會更新。
像 #1E90FF 這樣的十六進位顏色其實就是三個位元組——1E、90 與 FF 分別是以 16 進位寫成的紅、綠、藍通道——因此轉成 rgb(30, 144, 255) 是精確的,雙向都不會有任何捨入。像 #F60 的三位簡寫會展開成 #FF6600,而八位的十六進位則多帶第四個 alpha 位元組,也就是 rgba() 的不透明度。
常見問題
如何將 HEX 轉換成 RGB?
輸入或貼上你的 HEX 值(或用色塊挑選顏色),即可直接讀取 RGB 值——它會即時更新。按一下就能複製。
這些數值可以直接用於 CSS 嗎?
RGB 數值會與 HEX、RGB、HSL 和 HSV 並列——複製你需要的那一個即可。HEX、RGB 與 HSL 可直接貼進 CSS;HSV(HSB)則是設計工具的表示法,而非 CSS 函式。
可以反向轉換嗎?
可以。每個欄位都可編輯,因此你也能從 RGB 轉回 HEX,或轉成任何其他格式——它們會保持同步。
會上傳任何資料嗎?
不會。所有轉換都在你的瀏覽器中進行;不會傳送到任何地方。
HEX 轉 RGB 是無損的嗎?
是——兩種表示法寫的是同一個底層 24 位元數值,因此 #1E90FF 與 rgb(30, 144, 255) 是完全相同的顏色。只有在轉換到 HSL 這類真正不同的色彩模型並對結果捨入時,才會產生損失;在 HEX 與 RGB 之間純粹只是表示法不同。