在线图像取色器
点击图片拾取精确像素颜色，支持多格式色值与调色板导出。
隐私安全：所有处理均在您的浏览器本地完成，数据绝不上传取色器颜色工具设计工具
上传图片
尚未加载图片。
放大镜（8×）—
100%
当前颜色
——
点击图片任意位置开始取色。
图片画布
滚轮缩放 · 空格 / 中键拖动平移 · 单击取色请先上传图片，然后在画布上点击取色
取色历史
暂无历史记录，取色后会自动记录在本地，跨会话保留。
主色调色板
点击「提取主色」按图片配色自动生成调色板，点击色块可设为当前颜色。
导出
🔒 图片与颜色数据仅在本地处理，不会上传
工作原理
- 1图片通过文件选择、拖拽或粘贴进入页面后，用本地 API 解码为位图并在离屏画布上绘制，全程不发起任何网络请求，断网也能使用。
- 2离屏画布保持图片自身的分辨率，作为唯一的像素数据源；页面上的显示画布只按缩放与平移参数绘制视图，二者分离保证取色精度只取决于原图像素。
- 3点击取色时先用元素边界矩形把鼠标位置换算为画布坐标，再除以缩放倍率并加上平移量得到原图坐标，读取该像素的 RGBA 通道值。
- 4色彩空间换算全部本地实现：RGB 转 HSL / HSV 依据最大、最小通道值与差值分支计算色相与饱和度，RGB 转 CMYK 先求黑版 K 再反推青品黄，保证往返误差在 1 以内。
- 5主色提取采用中位数切割量化：把所有不透明像素放进一个桶，反复沿 RGB 中范围最大的通道按中位数一分为二，直到桶数等于目标色数，再取每个桶的平均色并按像素占比排序。
常见问题
取到的颜色和专业修图软件一致吗？
一致。工具始终以原图像素为准，先把图片绘制到与原图同尺寸的离屏画布再读取像素，不受页面缩放或屏幕缩放影响，因此与 Photoshop 等软件的吸管结果一致（差异仅可能来自显示器的色彩管理配置）。
为什么某些像素会提示“透明”？
带 Alpha 通道的图片（如 PNG）中，如果某个像素的 alpha 值小于 255，就说明它是半透明或完全透明的。此时工具会给出该像素的原始通道值，并额外给出与白色、黑色合成后的参考色，方便你判断它在不同背景上的实际观感。
支持哪些图片格式？
支持浏览器能够解码的常见格式，包括 PNG、JPEG、GIF、WebP、BMP 与 SVG 等。部分旧浏览器不支持 WebP 或 AVIF，HEIC 通常无法解码，遇到打开失败时请先转换为 PNG 或 JPEG 再上传。
超大图片会怎样处理？
为了避免内存吃紧，图片最长边超过 4000 像素时会等比例降采样后再用于取色，页面会明确提示已降采样。这只影响极大图片的像素精度，常见尺寸的图片不受影响。
取色历史保存在哪里？
保存在你浏览器的本地存储中，刷新或关闭页面后依然存在，超过上限会自动淘汰较早的记录。清除浏览器数据会一并丢失；也可以右键点击历史色块来删除单条记录，或使用“清空”按钮全部清除。
这个工具会把我的图片上传吗？
不会。图片、取色结果与导出的代码全部在浏览器本地计算与生成，不发起任何网络请求，也不会写入任何服务器或账号体系，断网状态下功能完整可用。