RGB 轉 HEX 轉換器
輸入 RGB 顏色,FileTinker 會即時把它轉成 HEX,並一併顯示其他格式。每個數值都可編輯,並可直接用於 CSS 或設計工具。一切都在你的瀏覽器中執行。
更多預設
前往其他預設 — 每個都有獨立頁面,並已將工具設定好:
如何將 RGB 轉換成 HEX
- 在 RGB 欄位輸入你的值,或用色塊挑選顏色。
- 即時讀取更新後的 HEX 值。
- 複製它——可直接用於 CSS 或你的設計工具。
關於將 RGB 轉換成 HEX
RGB 與 HEX 是以不同表示法描述同一個螢幕顏色,而在它們之間轉換是網頁與平面設計的日常工作。本頁聚焦於 RGB 轉 HEX,但會同時顯示 HEX、RGB 與 HSL,讓你隨時都有每一種格式可用。
一切都在你的瀏覽器中進行,因此既即時又私密——免上傳、免註冊。編輯任一欄位,其他欄位(包括即時預覽與原生取色器)都會更新。
rgb(30, 144, 255) 會變成 #1E90FF:每個通道的 0–255 數值都寫成兩位十六進位數字。HEX 是較精簡的形式,也是多數設計工具與程式碼庫的預設,而現代 CSS 對兩者一視同仁——連 alpha 也不例外,#RRGGBBAA 正好對應 rgba()。
常見問題
如何將 RGB 轉換成 HEX?
輸入或貼上你的 RGB 值(或用色塊挑選顏色),即可直接讀取 HEX 值——它會即時更新。按一下就能複製。
這些數值可以直接用於 CSS 嗎?
HEX 數值會與 HEX、RGB、HSL 和 HSV 並列——複製你需要的那一個即可。HEX、RGB 與 HSL 可直接貼進 CSS;HSV(HSB)則是設計工具的表示法,而非 CSS 函式。
可以反向轉換嗎?
可以。每個欄位都可編輯,因此你也能從 HEX 轉回 RGB,或轉成任何其他格式——它們會保持同步。
會上傳任何資料嗎?
不會。所有轉換都在你的瀏覽器中進行;不會傳送到任何地方。
在 CSS 中什麼時候該用 HEX 而不是 rgb()?
兩者在 CSS 中的功能完全相同,所以純屬風格選擇:HEX 較短,在程式碼庫與設計工具匯出中佔絕對主流;rgb() 則更容易逐一理解各通道的數值。現代 CSS 中兩者都支援 alpha(#RRGGBBAA 與 rgba()),挑一種並保持一致即可。