准备网页与设计配色
读取图片中的颜色,以 HEX 或 RGB 色值用于按钮、背景和设计稿。
把打动你的颜色,留给下一次灵感。
免费在线提取图片颜色,点击画面即可读取 HEX、RGB、HSL 色值,还能生成主色板并导出 JSON 色卡。为网页设计、插画配色或生活灵感留一份颜色记录,所有取色都在浏览器本地完成。
或者,从设备中选择你想处理的图片
JPG、PNG、WebP、HEIC、SVG、PDF 等拖拽、选择或直接粘贴
设置尺寸,实时预览
一键导出,支持打包
一张照片里的天空、一幅插画里的背景,都可能成为下一次创作的起点。点选喜欢的位置,复制色值,也可以把主色板一起带走。
读取图片中的颜色,以 HEX 或 RGB 色值用于按钮、背景和设计稿。
从喜欢的画面生成主色板,为下一幅作品记录一组可参考的颜色。
导出包含色值信息的 JSON 文件,方便后续整理、再次使用或与同事交流。
它们是表示颜色的不同方式。HEX 常用于网页颜色代码,RGB 使用红绿蓝通道数值,HSL 使用色相、饱和度和亮度;这里会同时提供,方便按用途选择。
点选位置会映射到原始图片像素读取颜色,而不是直接读取界面缩略图上的显示颜色。这样可以减少预览缩放带来的影响。
部分浏览器环境会限制剪贴板权限。工具会尝试兼容复制;如果仍不可用,可以直接选中界面里的色值手动复制,也可以导出 JSON 色卡。