颜色值转换器

← 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 屏上观感不同，广色域屏会更鲜艳。关键设计建议标注色彩空间，并在目标设备上实测。