RGB 轉 HEX 轉換器

佢係乜嘢,點樣運作?

點樣將 RGB 轉做 HEX

1. 拖動紅色、綠色同藍色滑桿──或者直接將 HEX 碼貼入框內──嚟設定顏色。
2. 當你調整任何設定時,預覽色卡同 HEX、RGB 同 HSL 值會即時更新。
3. 點擊任何值卡就可以複製,準備好貼入 CSS、設計軟件或程式碼。

色彩基礎

RGB、HEX 同 HSL:有咩分別?

RGB、HEX 同 HSL 其實講緊同一色 — 只係用唔同方法去寫同一組數值。RGB 係用紅光、綠光同藍光喺 0–255 度之間嘅比例嚟定義顏色。 HEX 就係將同一嘅 RGB 值,用一個精簡嘅六位十六進制碼表示,所以 rgb(31, 58, 95) 同 #1f3a5f HSL就係用色相(喺色輪上嘅位置)、純度(幾咁鮮艷)同明度嚟描述顏色──呢種格式通常更直觀,方便揀相關色調。

每個格式通常用喺邊度

格式	典型用法	點解
六角形	CSS、HTML、設計工具	短,方便作為一條字串貼出同分享
紅綠藍	有透明度嘅 CSS (rgba)	支援透明度嘅 alpha 通道
HSL	建立顏色調色板	只要改一個數字,就可以輕鬆調出更淺/更深或者相關色調。

網頁設計

喺 CSS 入面使用呢啲值

以下三種格式可以直接喺樣式表入面使用: color: #1f3a5f;, color: rgb(31, 58, 95); 同 color: hsl(210, 51%, 25%); 全部都渲染成一模一樣嘅深藍色。HEX 係最常用嘅純色簡寫,而 RGB(或者佢 rgba() 變體)就喺需要顏色帶部分透明度時好有用,而 HSL 就令到只要固定色相,只調明度,就可以好容易整出一套一致嘅色調。

最常見嘅問題

常見問題

呢個 RGB 轉 HEX 轉換器係咪免費使用?+

係。佢完全喺你嘅瀏覽器入面用 JavaScript 運行,所以冇帳戶、冇 API 密鑰,亦冇使用次數限制。

我嘅顏色數據會唔會上載去邊度?+

唔係。所有轉換都喺你嘅瀏覽器本地完成。冇任何嘢會傳送到伺服器、儲存或者記錄。

HEX同RGB究竟有咩實際分別?+

佢哋用唔同嘅記法去描述同一種顏色——HEX係一個六位十六進制嘅簡寫,表示RGB寫出嚟嗰三組0至255分別代表紅、綠、藍嘅數值。

相關工具

設計同開發工具

• 色彩調色板生成器 — 圍繞已轉換嘅顏色建立完整調色板。
• 書籤圖示生成器 — 將圖片轉成網站嘅書籤圖示資產。
• JSON 格式化工具 — 另一個快速、免註冊嘅瀏覽器工具。

方法論

呢個轉換器點運作

當你打字或揀顏色時,JavaScript 會即時將 RGB、HEX 同 HSL 嘅數值互相轉換—— 你輸入嘅任何資料都唔會上載到伺服器或儲存喺任何地方。

最後更新:2026年8月28日。