這個工具的用途
在 hex、RGB、HSL 三種色彩格式之間互轉——設計師與開發者最常彼此交換的三種 CSS 格式。貼上任意格式，立刻看到其他三種與即時色塊預覽。
使用步驟
貼上以下任意格式：
#ff8000
#f80
rgb(255, 128, 0)
rgba(255 128 0 / 0.5)
hsl(30, 100%, 50%)
255, 128, 0同時輸出其他所有格式並顯示色塊，方便視覺確認解析結果。
限制與邊界情況
- Alpha 會被解析但輸出時忽略（本工具專注不透明色）。需要 alpha 時請直接在 CSS 使用 rgba()/hsla()。
- HSL ↔ RGB 是極坐標與直角座標的轉換並有四捨五入，往返可能差 ±1 個 component value。Hex ↔ RGB 無損。
- 廣色域工作（display-p3、oklch）不適用本工具——僅在 sRGB 空間運算。
常見問題
- 有任何東西會送到伺服器嗎？
- 不會。解析與轉換都是瀏覽器內的純數學計算。
- 為什麼 HSL 往返會差 1？
- HSL 是 RGB 立方體上的極坐標，往返需三角函數和四捨五入。差異恆在每通道 ±1 以內，視覺上看不出。
- 支援帶 alpha 的 hex（#rrggbbaa）嗎？
- 支援——alpha 會被解析但輸出時忽略。RGB 與 HSL 格式同樣接受 alpha 形式，alpha 也被忽略。
- 支援命名色如 'tomato' 或 'rebeccapurple' 嗎？
- 目前不支援——請改貼 hex/RGB/HSL 形式。CSS 命名色清單較大，有需求再加。