RGB 轉 HSL 轉換器
輸入 RGB 顏色,FileTinker 會即時把它轉成 HSL,並一併顯示其他格式。每個數值都可編輯,並可直接用於 CSS 或設計工具。一切都在你的瀏覽器中執行。
更多預設
前往其他預設 — 每個都有獨立頁面,並已將工具設定好:
如何將 RGB 轉換成 HSL
- 在 RGB 欄位輸入你的值,或用色塊挑選顏色。
- 即時讀取更新後的 HSL 值。
- 複製它——可直接用於 CSS 或你的設計工具。
關於將 RGB 轉換成 HSL
RGB 與 HSL 是以不同表示法描述同一個螢幕顏色,而在它們之間轉換是網頁與平面設計的日常工作。本頁聚焦於 RGB 轉 HSL,但會同時顯示 HEX、RGB 與 HSL,讓你隨時都有每一種格式可用。
一切都在你的瀏覽器中進行,因此既即時又私密——免上傳、免註冊。編輯任一欄位,其他欄位(包括即時預覽與原生取色器)都會更新。
常見問題
如何將 RGB 轉換成 HSL?
輸入或貼上你的 RGB 值(或用色塊挑選顏色),即可直接讀取 HSL 值——它會即時更新。按一下就能複製。
這些數值可以直接用於 CSS 嗎?
HSL 數值會與 HEX、RGB、HSL 和 HSV 並列——複製你需要的那一個即可。HEX、RGB 與 HSL 可直接貼進 CSS;HSV(HSB)則是設計工具的表示法,而非 CSS 函式。
可以反向轉換嗎?
可以。每個欄位都可編輯,因此你也能從 HSL 轉回 RGB,或轉成任何其他格式——它們會保持同步。
會上傳任何資料嗎?
不會。所有轉換都在你的瀏覽器中進行;不會傳送到任何地方。