HEX 轉 RGB
在 HEX、RGB 與 HSL 之間轉換顏色。
在任何頁面使用（書籤小工具）
想不離開目前頁面就使用 HEX 轉 RGB? 把下面的按鈕拖到書籤列，然後在任何網站上點擊它，HEX 轉 RGB 就會就地開啟 — 完全在你的瀏覽器中執行。
請謹慎使用: 書籤小工具會在你點擊它的頁面上執行。請避免在網路銀行、付款或醫療等敏感網站上使用 — 使用風險自負。所有處理都在本機完成，不會向任何地方傳送資料。詳見服務條款。
- 如果書籤列被隱藏，先顯示它 — Ctrl+Shift+B（Mac 為 ⌘+Shift+B）。
- 把上面的按鈕拖到書籤列上。
- 開啟任何網站並點擊書籤 — HEX 轉 RGB 面板會出現在右上角。用 ✛ 在四角之間移動，用 ›/‹ 收到邊緣再拉出來。
- 再次點擊書籤（或 ✕）即可關閉。
注意: 少數安全政策嚴格的網站可能會封鎖書籤小工具。
範例
HEX → RGB & HSL
輸入
#3B82F6
輸出
rgb(59, 130, 246) · hsl(217, 91%, 60%)
RGB → HEX
輸入
rgb(255, 99, 71)
輸出
#FF6347 · hsl(9, 100%, 64%)
關於此工具
這個免費線上顏色轉換器在 HEX、RGB 和 HSL 之間轉換顏色。用三種格式中的任意一種輸入值 —— 或使用取色器，或用滴管從螢幕任意位置取色（Chrome 和 Edge）—— 其他格式會隨即時色塊一起立即更新。它接受簡寫和 8 位 hex，以及 rgb() 和 hsl() 寫法。一切都在你的瀏覽器中執行，不上傳。
使用方法
- 輸入 HEX、RGB 或 HSL 顏色（或用色塊挑選一個）。
- 讀取三種格式的轉換值。
- 複製你需要的格式。
常見用途
在格式間轉換設計權杖、在 CSS 中匹配品牌色、把樣機的 hex 代碼轉成 rgb() 或 hsl()，以及透過 HSL 調整明度和飽和度。
常見問題
如何把 HEX 轉換為 RGB?
貼上像 #3B82F6 這樣的 hex 顏色，工具會立即顯示等價的 rgb(59, 130, 246) 和 hsl 值，並附帶即時色塊。
它能把 RGB 和 HSL 轉回 HEX 嗎?
能。輸入任意 rgb() 或 hsl() 值，你都會得到匹配的 HEX、RGB 和 HSL —— 轉換在每個方向都有效。
這個顏色轉換器免費嗎?
免費 —— 無須註冊的完全免費線上 HEX、RGB、HSL 轉換器。
它支援簡寫和 8 位 hex 嗎?
支援。它接受 3 位（#abc）、4 位、6 位和 8 位 hex 代碼；任何 alpha 通道在 RGB/HSL 輸出中都會被忽略。
我可以直觀地選顏色嗎?
可以。使用內建取色器選擇顏色，HEX、RGB 和 HSL 值會自動更新。
我可以從圖片或螢幕任意位置取色嗎?
在 Chrome 和 Edge 中可以。點擊滴管按鈕（或在任意頁面執行書籤小工具），游標會變成取色器 —— 點擊圖片、網站或其他視窗的任意像素即可擷取其 hex 顏色。滴管在 Firefox 或 Safari 中不可用，所以按鈕只在受支援處出現。
我的資料會上傳到某處嗎?
不會。所有轉換都在你的瀏覽器中進行，不上傳。
相關工具