在线调色板
可视化取色调色,实时预览颜色并一键复制 HEX、RGB、HSL 等多种色值。
什么是在线调色板
在线调色板是一款可视化取色与调色工具,你可以在浏览器中直接拖动颜色选择器、输入色值或微调滑块,实时看到颜色变化,并同步得到 HEX、RGB、HSL、HSV 等多种格式的颜色值。无需安装任何软件,打开即用。
如何使用
- 点击取色区域或拖动滑块,选择你想要的颜色;
- 也可以直接在输入框中粘贴
#7C5CFF这类 HEX 色值; - 右侧会实时显示 HEX、RGB、HSL、HSV 等格式;
- 点击任意色值旁的复制按钮即可复制到剪贴板;
- 点击“随机颜色”可快速生成一个随机色作为灵感起点。
典型使用场景
设计师在做 UI 配色时可以快速对比不同色值;前端开发在写 CSS 时可以直接复制 rgb() 或 hsl() 值;运营同学做海报、PPT 时也能用它找到合适的品牌色。配合色值格式转换,可以避免手动换算带来的误差。
颜色格式说明
- HEX:十六进制表示,如
#7C5CFF,最常用于网页; - RGB:红绿蓝三通道,取值 0-255;
- HSL:色相、饱和度、亮度,更符合人眼直觉;
- HSV:色相、饱和度、明度,常见于设计软件。
注意事项
不同显示器存在色差,实际印刷或跨设备显示时颜色可能略有差异。本工具所有计算均在本地浏览器完成,不会上传你的数据,请放心使用。