AI-Powered
颜色拾取器
从屏幕或任何图像中拾取颜色--HEX、RGB、HSL、CMYK、命名、Pantone。
Your files stay on your device - processed locally via WebAssembly, never uploaded
Upload image to pick
JPEG, PNG, WebP
All Formats
Palette (0/8)
Click Add to add the current color to your palette.
Contrast Check
Sample text
The quick brown fox jumps over the lazy dog
Embed this tool on your website
Copy this code to add the 颜色拾取器 to your site for free. It runs entirely in your visitors' browsers - no API key, no usage limits.
<iframe src="https://optipix.art/embed/color-picker" width="100%" height="600" style="border:1px solid #e4e4e7;border-radius:8px;" title="颜色拾取器 by OptiPix" loading="lazy"></iframe> <p style="font-size:12px">Free tool by <a href="https://optipix.art/color-picker">OptiPix 颜色拾取器</a></p>
❤️ Love this tool? Support our team.
No ads, no tracking, no limits. Tips keep 104 tools free for everyone.
Secure payment via Stripe · No account needed
About 颜色拾取器
Last updated: May 2026
OptiPix Color Picker 使用 Chromium 浏览器中的原生 EyeDropper API 从屏幕上拾取任何颜色，或以像素级精度从任何上传的图像中拾取颜色。拾取的每种颜色都将以 HEX、RGB、HSL、HSV、CMYK、最接近的 CSS 命名颜色以及最接近的 Pantone Solid Coated 色板显示。每种格式都有自己的单击复制按钮。使用内置的 HSL 和 RGB 滑块微调任何颜色。历史记录条会记住您跨浏览器会话的最后 30 次拾取。构建最多包含 8 种颜色的调色板，并将其导出为 CSS 自定义属性、JSON 或可下载的 PNG 条。集成的 WCAG 对比度检查器会显示任意颜色对的 AA/AAA 通过/失败徽章。所有内容都在本地运行 - 您的屏幕像素和上传的图像永远不会离开您的设备。非常适合拾取品牌颜色的设计师、从屏幕截图中抓取色板的开发人员、验证对比度的可访问性审计员以及任何厌倦了在原生吸管和颜色转换器之间切换的人。
How It Works
屏幕拾取器调用浏览器原生的 EyeDropper API 进行单像素采样。图像拾取通过 getImageData 从 2D 画布中采样单个像素。格式转换是纯数学计算 - RGB↔HSL↔HSV↔CMYK - 命名/Pantone 匹配器根据参考列表计算平方欧几里得距离。
Use Cases
- •为您的设计系统从屏幕截图中抓取颜色
- •将您在线找到的任何 HEX 转换为 RGB、HSL 或 Pantone
- •从情绪板图像构建品牌调色板
- •在发布前验证两种颜色的 WCAG 对比度
- •根据十六进制代码识别 CSS 命名颜色
You Might Also Like
If you find 颜色拾取器 useful, check out these related tools: Color Palette Extractor, Color Changer, and Photo Filters. All tools run entirely in your browser with no uploads or signups required.
Explore more: Browse all tools · Step-by-step guides · Tips & tutorials · Compare tools