HEX to HSL Converter
Convert HEX colors to HSL instantly
已偵測: hex
支援 HEX、RGB、HSL、HWB、Lab、LCH、Oklab、OKLCH、Display P3 與 CSS 色名
#5CCC7FFF
H139°
透明度100%
預覽
淺色背景
深色背景
所有處理都在您的瀏覽器本機完成。
hex
hsl
HSL
HEX
RGB
OKLCH
HEX + AlphaRRGGBBAA
RGB + Alpha
HSL + Alpha
CSS HEX 使用 RRGGBBAA；Android 與 Flutter 使用 AARRGGBB。
最近色彩
轉換後的色彩會顯示在這裡。
概覽
將 HEX 色彩直接轉換為 HSL，並在目標語法支援時保留 sRGB 色彩與透明度。本頁以 HEX 為初始輸入，並優先顯示 HSL 結果。
運作方式
輸入 HEX，例如 #5CCC7F。瀏覽器引擎會驗證色頻，透過統一色彩模型轉換，並即時更新 HSL、預覽、對比與其他開發格式。
範例與用途
在 CSS、設計交付、應用程式碼或印刷規格間移轉色彩時使用 HEX 到 HSL 轉換。色彩不會上傳。
邊界情況與限制
HEX 支援 3、4、6 與 8 位；8 位 CSS 值採用 RRGGBBAA 順序。 HSL 色相以 360 度循環，飽和度與亮度必須使用百分比。
反向轉換
需要反向轉換？請使用連結的 HSL 到 HEX 轉換器；切換後 URL、標題、初始輸入與主要結果會保持一致。
