線上顏色轉換工具
網頁設計常在不同色彩表示法之間切換:設計稿給你 HEX,CSS 想用 HSL 微調亮度,或程式需要 RGB 數值。這個顏色轉換工具讓 HEX、RGB、HSL 即時互轉,並附色彩預覽,改一個另外兩個立即更新。
如何使用
- 在任一欄輸入色碼(HEX、RGB 或 HSL)。
- 另外兩種格式與預覽即時更新。
- 複製你需要的格式貼進 CSS 或設計工具。
常見用途
- 把設計稿的 HEX 轉成 CSS 想用的 HSL。
- 用 HSL 微調同色系的明暗變化。
- 在程式中取得 RGB 數值。
顏色轉換工具
HEX、RGB、HSL 色碼即時互轉,附色彩預覽。
預覽
常見問題
HEX、RGB、HSL 差在哪?
HEX 是網頁常用的十六進位色碼(#RRGGBB);RGB 用紅綠藍 0–255 表示;HSL 用色相、飽和度、亮度,調整色調更直覺。三者可互相轉換。
支援透明度(alpha)嗎?
本工具聚焦 HEX/RGB/HSL 三種基本表示;含透明度的 RGBA/HSLA 可在此基礎上自行加上 alpha 值。
轉換準確嗎?
準確。轉換依標準色彩公式計算,HEX 與 RGB 為精確對應,HSL 因四捨五入可能有極小誤差,肉眼無法分辨。