HSL 色碼轉換器
HSL 色碼與 HEX、RGB 互轉，含即時預覽
使用說明
- 拖曳滑桿或直接輸入數值來調整 H（色相）、S（飽和度）、L（亮度）
- 即時查看對應的 HEX、RGB、HSL 色碼和顏色預覽
- 點擊各格式旁的「複製」按鈕可一鍵複製色碼
- 也可以在下方輸入 HEX 色碼，反向轉換為 HSL
常見問題
什麼是 HSL 色彩模型？
HSL 代表色相（Hue）、飽和度（Saturation）和亮度（Lightness）。色相是 0-360 度的色環（0°=紅、120°=綠、240°=藍），飽和度 0-100% 表示灰階到全彩，亮度 0-100% 表示黑到白。HSL 比 RGB 更直覺，方便調色。
HSL 和 HSV/HSB 有什麼不同？
HSL 和 HSV（也叫 HSB）都使用色相，但定義「明暗」的方式不同。HSL 的 L=50% 是純色，L=0% 是黑、L=100% 是白。HSV 的 V=100% 是純色，V=0% 是黑。在網頁設計中 HSL 較常用，因為 CSS 原生支援 hsl() 函式。
為什麼反向轉換的 HSL 值和原始值略有不同？
這是因為 RGB 是離散的（0-255 整數），而 HSL 的轉換涉及浮點運算。當 HSL → RGB → HSL 往返轉換時，捨入誤差可能導致 H、S、L 值差 1-2 度/百分比。這在實際顯示上幾乎看不出差異。