图片取色器

上传图片提取主色调与配色方案,点击任意位置获取像素颜色值。

图片取色器是做什么的

做海报、写样式想从一张参考图里取配色,对着截图肉眼猜色值误差很大。把图拖进来,主色块自动列出 HEX 值,鼠标在图上移动还能精确读取任意像素的颜色,点一下就复制。

核心功能

  • 自动提取占比最高的 8 种主色
  • 鼠标移动实时读取像素 HEX 与 RGB 值
  • 点击图片或复制色值按钮即可取色
  • 图片缩到 900 像素宽处理,速度快

图片取色器怎么用

上传图片后自动提取 6 种主色,鼠标在图上移动可实时读取像素颜色,点击即可复制 HEX。

  1. 把参考图拖入上方的虚线框,或点击选择文件
  2. 主色提取区列出 8 个色块及对应 HEX 值
  3. 鼠标在图上移动,色值行显示所指像素颜色
  4. 点击图片固定当前色值,或点复制色值按钮

适合这些场景

  • 从品牌 logo 图提取规范配色
  • 给新页面找一组协调的背景色
  • 核对设计稿还原后的颜色偏差

常见问题

主色是怎么算的?

对图片像素做颜色量化统计,把相近颜色归成色簇,取像素占比最高的 8 簇,色值取簇内平均,因此结果稳定且接近视觉主调。

取色精度如何?

鼠标读取的是画布像素精确值。图片宽度超过 900 像素会等比缩小后再显示,取色与显示尺寸一致,与原图逐像素可能有细微差异。

半透明像素算主色吗?

透明度低于一半的像素不参与统计,避免透明背景把主色拉偏。纯色底图上的透明 logo 也能正确取到图形本身颜色。

能取到 RGB 值吗?

能。鼠标悬停时同时显示 HEX 与 rgb 两种格式,点击复制的是 HEX,需要 RGB 时从显示文本里直接抄写即可。