🎯 取色器
从图片中取色——点击保存到调色板
🔒 你的图片绝不会离开你的设备。 所有处理都通过 Canvas getImageData pixel reading 在浏览器本地完成。无上传、无服务器、无追踪。
功能特点
- 像素级精准取色 — 将鼠标悬停在任意像素上查看精确颜色，点击即可保存到调色板。
- 多种格式 — 获取 HEX、RGB 和 HSL 格式的颜色值——可直接用于 CSS、设计工具或代码。
- 保存调色板 — 构建最多 12 种颜色的调色板。可复制单个颜色或整个调色板。
- 支持任意图片 — 从照片、截图、设计稿——任意图片来源中提取颜色。
使用方法
- 上传图片 — 拖入想要提取颜色的任意图片。
- 悬停并取色 — 将鼠标移到图片上预览颜色，点击保存到调色板。
- 复制并使用 — 点击已保存的颜色复制其 HEX 色码。使用「复制全部」获取完整调色板。
使用场景
- 从 logo 或网站截图中提取品牌色
- 精确获取设计中任意元素的颜色
- 获取 CSS 样式表所需的 HEX/RGB 值
- 从照片中构建灵感配色方案
常见问题
颜色取值精确吗？
像素级精确。我们从 Canvas 读取每个像素的精确 RGBA 值。所见即所得。
可以复制 RGB 或 HSL 格式吗？
点击颜色会复制其 HEX 色码。RGB 和 HSL 值显示在预览面板中，可以手动选择复制。