颜色格式转换工具 - Momo工具箱
颜色格式转换 - 使用场景
颜色格式转换器适用于前端开发调色、设计稿还原、CSS 变量编写、品牌色管理、调色板生成等场景。当你拿到一个 HEX 颜色需要转成 RGB 写进 canvas，或从设计稿取色后需要 HSL 来派生明暗变体时，这个工具能快速完成转换。
功能特点
- 四种格式互转：HEX、RGB、HSL、HSV
- 浏览器原生取色器：点击色块即可从屏幕取色
- RGB 滑块：独立调节 R/G/B 通道，带数字输入
- HSL 滑块：独立调节色相/饱和度/亮度，便于派生变体
- 一键复制：点击任一格式卡片即可复制对应值
常见问题
HSL 和 HSV 有什么区别？
HSL 的 L=100% 是纯白；HSV 的 V=100% 是纯色（最饱和）。HSL 更适合 CSS 设计变体，HSV 更贴近图像编辑软件的调色逻辑。
为什么输入 HEX 后 RGB 没更新？
请确认 HEX 格式正确：3 位（#FFF）或 6 位（#FFFFFF），仅含 0-9 与 A-F。本工具会容错解析，无效时保留上一个有效值。
可以取屏幕上任意像素的颜色吗？
可以。点击色块会弹出浏览器原生取色器，部分浏览器支持从屏幕任意位置取色（如 Chrome 桌面端）。
HSL 怎么派生互补色？
互补色在色相环上相差 180°。读取当前 H 值，加或减 180（结果对 360 取模），保持 S/L 不变即可。
想了解更多?查看完整 颜色格式转换 使用教程