HEX 轉 RGB 結果
493
/總和
0.44
/相對
淺色
亮度區
工具頁摘要
HEX 轉 RGB 色彩轉換器 — Profile B 計算器型 YMYL 工具。
分類:開發工具 / Developer。正式路徑:/tools/developer/hex-to-rgb。狀態:GOLD。本頁提供可直接閱讀的工具用途、輸入情境、結果解讀、FAQ、信任聲明與相關資源摘要,協助讀者在使用前了解適用情境與限制。
本工具提供一般資訊與估算輔助,計算結果會受輸入值、假設條件與資料更新影響。財務、健康或法律相關結果不應視為專業建議;做出重大決策前,請依實際情況查核來源並諮詢合格專業人士。
中文摘要:HEX 轉 RGB 色彩轉換器 是 Formula Universe 收錄於 開發工具 / Developer 分類的工具頁,包含工具用途、輸入指引、結果解讀、FAQ、資料來源、限制說明與責任參考。
最後更新:2026年6月23日
本頁面由 Formula Universe 編輯團隊審核並維護。我們定期更新工具內容、驗證計算邏輯和資料來源準確性,以確保提供讀者最新、最可靠的資訊。
開發工具 · HEX 轉 RGB · 黃金工具
把十六進位色碼即時換算成 RGB 與相對亮度
本工具根據十六進位色碼,換算出對應的 R、G、B 數值、HSL 與 WCAG 相對亮度,幫助設計與前端開發者快速取得可用的色彩數據。
範例 → 轉換器
先用範例理解 HEX 轉 RGB,再改成自己的色碼。
HEX 轉 RGB 結果
493
/總和
0.44
/相對
淺色
亮度區
結果解讀
L7 固定六格,將相對亮度放進常見區間;這是設計參考,不是正式的無障礙對比裁決。
亮度極低,適合作為深色背景或文字陰影。
偏暗色,需搭配淺色文字以維持對比。
中間亮度,前景對比需個別測試。
偏亮,適合作為淺色區塊或卡片底色。
高亮度,需搭配深色文字確保可讀性。
接近白色,僅適合作為背景而非文字色。
情緒與轉換層
L9 會連動目前轉換結果,顯示 RGB、HSL 與相對亮度,協助判斷文字、背景與對比配置。
進度洞察卡
動力卡
儲存 / 分享
每次調整品牌色、主題色或對比規範時重新換算,追蹤色彩是否符合無障礙需求。
下一步行動
決策路徑
HEX 色碼
RGB 值
HSL
對比檢查
知識
HEX 色碼是用十六進位表示的 RGB 色彩,每兩位代表紅、綠、藍三個 0-255 的通道,轉成 RGB 後可用於 CSS、設計工具與運算。
R = HEX 前兩位(16 進位轉 10 進位),G = 中間兩位,B = 後兩位。相對亮度依 WCAG 2.1 線性化後加權:0.2126R + 0.7152G + 0.0722B。
本工具只換算色彩數值與相對亮度;不納入色域、色彩管理設定檔、顯示器校正或品牌規範差異。
RGB 值相同不代表在不同螢幕上看起來一樣;相對亮度只是對比計算的基礎,仍需搭配前景色一起評估可讀性。
色彩換算應搭配對比比例、字級、背景色與品牌規範一起看,而不是只看單一 RGB 數值。
HEX #38bdf8 轉換後 R=56、G=189、B=248,HSL 約 (199°, 92%, 60%),相對亮度約 0.49,屬於淺色區間。
常見問題
兩者描述同一組色彩。HEX 用十六進位字串表示,RGB 用三個 0-255 的數字表示;轉換只是不同寫法,色彩本身不變。
可以。三位數 HEX 會把每一位重複一次,例如 #abc 等同 #aabbcc,再依一般規則轉成 RGB。
前 6 位仍是 RGB,最後 2 位是 Alpha 透明度(0-255)。本工具預設換算 RGB 通道,透明度可另外處理。
不能單獨判斷。相對亮度只是計算對比比例的基礎,需要前景與背景兩個顏色一起算出對比比例,再對照 WCAG 標準。
不一定。人眼對綠色最敏感、藍色最不敏感,因此相對亮度會對 R、G、B 給不同權重,不能只看數字大小。
不能。它只是教育與開發用換算;實際配色仍應考量品牌規範、無障礙對比與不同裝置的顯示差異。
推薦工具
* 聯盟連結,購買後我們可能獲得佣金。
解鎖批次色碼轉換、色票匯出、對比報告與品牌色彩規範檢查。
信任聲明 · 相關工具 · 參考資料
本工具僅供教育與開發用途,不取代正式無障礙稽核或品牌色彩規範。
RGB 轉 HEX · HEX 轉 HSL · 色彩對比檢查 · 色票產生器
W3C WCAG 2.1 相對亮度定義;CSS Color Module Level 4;MDN 色彩值文件;sRGB 色彩空間規範。