图像取色器
上传照片、截图或设计稿，点击任意位置即可提取该像素的精确颜色。像素级放大镜可在高分辨率图像上精确定位单个像素。复制 HEX、RGB、HSL 或现代 OKLCH 值 — 或直接获取可粘贴的 CSS 代码。一切都在浏览器中运行，图像永远不会上传。
上传图像以从中取色
完全在浏览器中处理 — 图像绝不离开您的设备。将图片拖放到此处
PNG、JPG 或 WebP，最大 20 MB
使用方法
1
上传图像
拖放 PNG、JPG、WebP 或 GIF — 或点击浏览。图像将保留在浏览器中。
2
悬停并点击选取
将光标移到图像上；8× 放大镜可显示每个像素。点击即可锁定颜色。
3
复制颜色值
一键获取 HEX、RGB、HSL 或 OKLCH。选中颜色下方提供可直接粘贴的 CSS 代码。
常见问题
图像会被上传到哪里吗？
不会。整个取色器使用 Canvas API 在浏览器中运行，不会向任何服务器发送数据 — 您可以在网络面板中验证。
支持哪些图像格式？
浏览器能解码的任何格式：PNG、JPG/JPEG、WebP、GIF、BMP 和 SVG。文件大小上限为 20 MB。
什么是 OKLCH，为什么包含它？
OKLCH 是一种感知均匀的色彩空间，自 2023 年起所有现代浏览器都支持。亮度或彩度上相等的变化在视觉上的差异也相等，在生成调色板或可访问的对比色对时，它比 HSL 更可靠。
像素取色的精度如何？
完全精确。工具按图像的原始分辨率而非显示分辨率读取像素数据 — 即使 4K 图像以半尺寸显示，点击也会返回准确的 4K 像素颜色。
可以在手机上取色吗？
可以。手指拖动与鼠标操作相同，松开手指即可锁定颜色。放大镜让小屏幕上也能实现像素级精准取色。