使用指南
在线颜色工具使用指南：颜色代码互转与拾色器
免费在线颜色工具使用指南，支持颜色选择器、HEX/RGB/HSL/HSV/CMYK格式互转，实时预览颜色效果，一键复制颜色值。纯前端处理，无需上传，保护隐私。
image4 分钟阅读更新于 2026/6/18作者：91AI工具团队
在线颜色工具支持拾色器选色、HEX/RGB/HSL/HSV/CMYK五种颜色格式实时互转，所有计算在浏览器本地完成，无需上传数据。
核心功能
颜色选择器
点击拾色器按钮，从可视化面板中选择任意颜色。选取后所有格式自动同步显示。
HEX颜色输入
直接输入十六进制颜色值（如 #3498db），支持3位简写格式。输入即自动计算其他格式。
RGB数值调节
分别调整红(R)、绿(G)、蓝(B)三个通道（0-255），实时看到颜色变化。
五种格式互转
| 格式 | 示例 | 应用场景 |
|---|---|---|
| HEX | #2ecc71 | 网页开发 |
| RGB | rgb(46,204,113) | CSS样式 |
| HSL | hsl(145,63%,49%) | 配色设计 |
| HSV | hsv(145,77%,80%) | 图形软件 |
| CMYK | cmyk(77%,0%,45%,0%) | 印刷输出 |
一键复制
每个颜色值旁都有复制按钮，点击即可将对应格式复制到剪贴板。
使用场景
- 网页开发：从设计稿获取HEX颜色，转换为CSS中需要的RGB或HSL格式
- UI设计：使用HSL模式快速调整色相、饱和度和亮度，生成同色系配色
- 印刷设计：将屏幕颜色的HEX/RGB转换为CMYK格式，确保印刷色彩准确
- 日常取色：从网页或图片中获取颜色值，用于设计项目