Flutter / Compose 轉 HSL 轉換器
貼上 Flutter / Compose 值，立即得到 HSL。其他格式也一樣能用。
Flutter / Compose 轉 HSL 範例
關於 Flutter / Compose 和 HSL
Flutter 與 Jetpack Compose 將顏色寫成一個 32 位元 ARGB 數值，例如 Color(0xFFFF5733)。0x 後面的兩位十六進位數字是 Alpha，FF 代表完全不透明。
HSL 用角度表示色相，用百分比表示飽和度和亮度。它很直觀，但亮度不符合人眼感知：50% 的黃色看起來比 50% 的藍色亮得多。
轉換原理
我們讀取 Flutter / Compose 值，用 CSS Color 4 規範中的矩陣將它轉換為 CIE XYZ，再轉換為 HSL。超出目標色域的值會依 CSS Color 4 演算法映射：保留亮度和色相，降低彩度。
常見問題
如何將 Flutter / Compose 轉換為 HSL？
在上方欄位貼上或輸入 Flutter / Compose 值。PickShade 會在你輸入時用 CSS Color 4 公式即時轉換，點一下就能複製 HSL 值。
Flutter / Compose 轉 HSL 的結果精確嗎？
計算是精確的，結果只在顯示時四捨五入，保留的位數足以轉換回同一個顏色。如果顏色超出目標色域，PickShade 會提醒你，並顯示色域內最接近的顏色。
可以同時取得其他格式嗎？
可以。其他所有格式，包括 OKLCH、Display P3、Tailwind、SwiftUI、Flutter 和 Android，都列在結果下方，點一下就能複製。
這個轉換器免費嗎？
免費。不必註冊，而且完全在你的瀏覽器中執行。