顏色值轉換器

← ToolBox / 顏色值轉換器

🎨 Color Value Converter (HEX / RGB / HSL)

📐 工作原理與說明
在 RGB、HEX、HSL、HSV 等顏色表示之間轉換。
  • RGB/HEX：三通道各 0–255，HEX 為 #RRGGBB，#RGB 簡寫會等比擴充套件。
  • HSL：色相 H（0–360°）、飽和度 S（0–100%）、亮度 L（0–100%），更貼近直覺調色。
  • HSV：V 為明度，與 HSL 的 L 不同——L=100% 是純白，V=100% 是純色。
  • 轉換：先歸一化到 [0,1] 再按分段公式互轉；螢幕色域不同會導致顯示差異。

Convert colors between HEX, RGB and HSL with live preview.

📌 格式說明

🔗 相關工具

✨ .gitignore 生成器.gitignore 生成器是一款免費的線上IT 開發工具，生成後儲存為專案根目錄的 .gitig… 📄 .properties 解析器Java .properties 檔案解析：支援 key=value、key:value、行內註釋… ✨ API 簽名生成器生成帶時間戳與隨機數的介面簽名 ✨ ASCII 目錄樹生成器把路徑列表一鍵生成 ASCII 目錄樹（├── └── │ 風格），支援檔案/資料夾標記，複製進… 💻 AST抽象語法樹檢視器AST 抽象語法樹檢視器 🔤 Base64 檔案轉換檔案與 Base64 互轉：圖片/文件/壓縮包轉 Base64 字串（含 data URI 字首…

📚 深度解析：顏色值轉換器

💡 常見使用場景

轉換
#FF0000 ↔ rgb(255,0,0) ↔ hsl(0,100%,50%)（純紅）。

❓ 常見問題（FAQ）

HSL 的 L=50% 含義？
恰好為該色相的中間亮度，L=100% 為白、0% 為黑。
HEX 和 RGB 顯示的顏色會不一樣嗎？
數值一致則顏色一致，兩者只是表示方式不同。真正影響顯示的是色彩空間與裝置：#FF0000 在 sRGB 與 Display P3 屏上觀感不同，廣色域屏會更鮮豔。關鍵設計建議標註色彩空間，並在目標裝置上實測。