HEX / RGB / HSL 轉換

在 HEX、RGB 和 HSL 之間轉換顏色值,複製需要的格式用於 CSS 和設計。

免費瀏覽器
轉換結果
#7c3aed
rgb(124, 58, 237)
hsl(262, 83%, 58%)

關於HEX / RGB / HSL 轉換

在 HEX、RGB 和 HSL 表示之間轉換顏色。將設計色值用於 CSS,或通過色相和飽和度理解顏色組成。

如何使用HEX / RGB / HSL 轉換

  1. 輸入支持的 HEX、RGB 或 HSL 色值。
  2. 查看預覽和各格式的等價表示。
  3. 複製樣式表需要的格式。

輸入與輸出示例

輸入與設置
#ff0000
預期輸出
RGB:255, 0, 0
HSL:0°, 100%, 50%

適用場景

  • 將設計稿 HEX 轉換為 CSS RGB。
  • 查看顏色的色相和明度。

使用前需要了解的限制

支持的輸入格式以工具控件為準。即使數值相同,屏幕設置和周圍顏色也可能改變視覺感受。

數據處理與費用

核心操作在瀏覽器中完成,工具輸入不會上傳處理。網站仍可能使用會話 Cookie,並按隱私政策收集運行或使用數據。

在瀏覽器中免費使用,無需登錄。

常見問題

不會。HEX、RGB 和 HSL 是同一顏色的不同表示方式;轉換 HSL 時可能出現輕微四捨五入。

支持常見的 3 位和 6 位 HEX 顏色,可以帶 #,也可以不帶。

可以。生成的 HEX、RGB 和 HSL 輸出都按 CSS 可直接使用的格式展示。

相關工具