工具用的順手嗎？
你的回饋能幫助我們做得更好
線上互轉RGB與HEX顏色程式碼，為設計師和開發者提供準確的色彩編碼轉換。
輸入顏色值開始轉換
概覽
了解工具能解決的問題、計算或處理邏輯，以及資料邊界。
RGB 以紅（R）、綠（G）、藍（B）三個通道表示螢幕色彩；常見整數寫法中，每個通道介於 0 到 255。六位 HEX 則把三個通道各寫成兩位十六進位數，依序組成 #RRGGBB。例如 rgb(30, 144, 255) 可寫為 #1E90FF。兩者是在表達相同通道值，主要差別是數字表示方式與排版長度。
轉換時，每個十進位通道各自換成十六進位，若結果只有一位就在左側補 0，再按紅、綠、藍順序接起來。十六進位使用 0–9 與 A–F；例如十進位 30 是 1E，144 是 90，255 是 FF。反向則將 HEX 拆成三組兩位數字，分別讀回十進位。
HEX = # + hex2(R) + hex2(G) + hex2(B)
R = parse16(RR)，G = parse16(GG)，B = parse16(BB)
本頁適合在網頁色碼工作中，將三通道 RGB 與六位 HEX 相互查換，並以色塊快速核對輸入和結果。W3C 的 CSS 色彩規範說明 RGB 與六位 HEX 的寫法及其通道關係；此處的轉換不涉及色彩設定檔或印刷色換算。查看 W3C《CSS Color Module Level 4》（候選推薦草案；核驗日期：2026-09-30）。
指南
依步驟完成操作，並透過範例核對輸入與結果。
RGB 可輸入如 rgb(30, 144, 255) 或 30, 144, 255；HEX 可輸入如 #1E90FF。建議使用三個 0–255 整數通道與六位 HEX，方便核對。
在 RGB 欄輸入後，HEX 欄會更新；改填 HEX 欄時，RGB 欄也會顯示對應值。頁面不需另按轉換按鈕。
確認色塊、RGB 與 HEX 三者一致，再按所需欄位旁的複製按鈕。要換下一組顏色，可覆寫內容或使用「清空」重設欄位與預覽。
例如輸入 12, 34, 56：12 轉成 0C、34 轉成 22、56 轉成 38，合併後是 #0C2238。反向把 #808080 分成 80、80、80，每組十六進位 80 都是十進位 128，因此 RGB 為 rgb(128, 128, 128)。
情境
查看這項工具在不同工作與生活流程中的用法。
設計標註提供 RGB 數值，而樣式表或設計令牌欄位採用 HEX 時，輸入 RGB 取得六位色碼；可把預覽和原始標註一起核對後再貼入專案。
手上只有 #RRGGBB 色碼，卻需要查看紅、綠、藍各通道的十進位值時，貼入 HEX 欄即可讀取 RGB，方便整理文件或比對程式設定。
若團隊文件偏好其中一種表示法，可逐筆轉換並複製，將兩種代碼與色塊並列記錄。正式品牌色仍以核准的原始標註為準。
問答
集中解答常見疑問與容易混淆的問題。
不一定。RGB 欄可使用 rgb(30, 144, 255)，也可輸入逗號分隔的 30, 144, 255。以三個 0–255 整數為宜，並確認紅、綠、藍順序沒有抄反。
請先整理成 0–255 範圍內的整數。本頁內容以這種常見通道寫法為準；其他數值形式可能受色彩解析與顯示方式影響，不應假設能保留原值。
只有可解析的色碼才會更新對應欄位；輸入尚未完整或格式有誤時，先前的有效結果可能仍留在畫面。暫勿複製舊值，請完成輸入並確認兩欄與色塊一致；也可先清空再重輸。
本頁用於不透明的 RGB／HEX 通道互轉，不提供 alpha 透明度保留，也不進行 CMYK 或印刷色彩設定檔轉換。需要這些資料時，請使用目標設計或印刷流程指定的色彩工具與規格。
須知
使用前了解適用範圍、結果限制與必要提醒。
RGB 與 HEX 的換算只改變數字表示法，不會替色彩套用或轉換顯示器設定檔、廣色域空間或印刷色彩。螢幕校正、色域與觀看環境可能使色塊看起來不同；品牌交付或印刷製作時，請以核准的色彩規範及承印條件為準。
此處不應用來換算或保留透明度；帶 alpha 的輸入即使在其他語法中存在，也不代表本頁輸出可完整保存透明度。輸入尚未完成時，另一欄或色塊可能仍呈現上一個有效結果。複製或採用數值前，請確認最新輸入、兩種色碼及預覽相互吻合。
推薦
查找相關工具、專題與可用的 API 能力。
