返回上一页

在线颜色拾取转换器

使用我们的「多功能颜色拾取转换器」,支持多种取色方式和颜色格式双向转换,实时同步更新颜色代码,支持一键复制结果,提升设计开发与色彩工作的效率与使用体验。

颜色吸取
HEX
复制
RGB
复制
HSL
复制
LCH
复制
HWB
复制
HSV/HSB
复制
CMYK
复制
NAME
复制
中文名称
复制

使用说明

🎨 颜色选择方式

在 "颜色选择" 区域,点击颜色框即可激活直观的色盘界面。该工具提供完整的色谱展示与实时预览功能,支持精准的色彩选取与微调操作。选中颜色后,系统将自动同步更新所有格式的颜色数值,确保多平台应用时色彩数据的一致性。

⌨️ 手动输入颜色

在 "手动输入" 文本框中,您可以直接输入颜色名称(如"red"、"蓝色")或完整的颜色编码值(如"#ff0000"、"rgb(255,0,0)")。系统支持智能识别多种格式,输入完成后可按回车键确认,或通过点击页面其他区域自动触发验证机制并实时更新所有相关颜色参数。

🖱️ 吸管取色功能

点击 "颜色吸取" 按钮即可启用智能取色器功能(需Chrome 95+或Edge 95+浏览器支持)。激活工具后,您可以在屏幕任意位置进行精准取色,系统将自动捕获该点的色彩数值,并实时同步更新所有颜色格式的显示结果。

📊 颜色代码显示

在"颜色代码"区域,实时显示当前颜色的多种格式表示:HEX - 十六进制颜色码(如 #7569f9)、RGB - 红绿蓝三色值(如 rgb(117, 105, 249))、HSL - 色相饱和度明度(如 hsl(245, 92%, 69%))、LCH - 亮度彩度色相(如 lch(51%, 89, 277))、HWB - 色相白度黑度(如 hwb(245, 41%, 2%))、HSV/HSB - 色相饱和度明度值(如 hsv(245, 58%, 98%))、CMYK - 印刷四分色(如 cmyk(53%, 58%, 0%, 2%))、NAME - 英文颜色名称(如 Medium Slate Blue)、中文名称 - 中文颜色名称(如 中板岩蓝色)

📋 复制颜色值

点击任意颜色格式右侧的 "复制" 按钮,即可将该格式的颜色值复制到剪贴板。复制成功后按钮会短暂显示 "已复制" 提示,1秒后恢复。

🔄 实时联动更新

所有输入框和显示区域都是实时联动的:修改任一颜色格式的值,其他所有格式会自动更新 • 使用颜色选择器、吸管工具或手动输入都会同步更新所有显示 • 支持在任意颜色代码输入框中直接编辑,按回车或失焦后生效

最新工具

常见问题

🎨 这个工具支持哪些颜色格式的转换?

支持 HEX、RGB、HSL、LCH、HWB、HSV、CMYK 等多种专业颜色格式,同时还提供中英文颜色名称识别功能,满足设计、开发和印刷等不同场景的色彩需求。

🖱️ 吸管工具为什么在某些浏览器无法使用?

吸管功能基于现代浏览器的 EyeDropper API,目前仅支持 Chrome 95+ 和 Edge 95+ 版本。其他浏览器如 Firefox、Safari 暂未实现该标准,建议使用支持的浏览器获得完整功能。

📱 工具是否支持移动端设备?

完全支持!工具采用响应式设计,在手机和平板等移动设备上均可正常使用。颜色选择器会自动适配触屏操作,所有功能在移动端都能完美运行。

🎯 手动输入支持哪些颜色表示方式?

支持十六进制码(#RRGGBB)、RGB函数(rgb(r,g,b))、HSL函数(hsl(h,s%,l%))等标准格式,还可直接输入颜色名称如"红色"、"blue"等,系统会自动识别并转换。

🔒 工具是否需要联网?数据会保存吗?

完全本地运行,无需联网!所有颜色计算和转换都在浏览器中完成,不会上传任何数据。当前会话的颜色记录会在页面刷新时清空,确保隐私安全。

🧡 每一份支持,都让我们走得更坚定

每一次打赏,都会化作深夜默默修缮的灯火 🌙,只为让你用得更顺手一点 ✨。

微信/支付宝二合一收款二维码