图片取色
提取任意图片的完整配色,精确显示每种颜色所占的比例。拖入照片、调整颜色数量,点击色块即可复制 HEX、RGB 或 HSL 值;也可以直接点击图片吸取单个像素的精确颜色。全程本地运行,图片不会上传。
把图片拖到这里、粘贴,或点击选择
支持 Ctrl/⌘V 粘贴剪贴板图片 · JPG、PNG、WebP、GIF
提取的配色会显示在这里。
接下来可以做什么
常见问题
怎么从图片提取配色?
把图片拖到上方虚线框(或直接从剪贴板粘贴)。工具会用 median-cut 算法分析每个像素,立刻给出主色列表,并按颜色覆盖面积排序。拖动滑块可以提取 3 到 12 种颜色。
百分比是什么意思?
百分比是该颜色聚类在整张图片像素中所占的份额——比如占了半张照片的天空会显示约 50%。列表上方的色条直观展示了同样的比例。
怎么吸取图片上某个点的精确颜色?
图片加载后,直接点击预览图的任意位置,工具会读取该像素并显示它的 HEX、RGB 和 HSL 值,同时自动复制到剪贴板。
可以复制哪些颜色格式?
每个色块都显示 HEX、RGB 和 HSL。点击色块复制单个 HEX,或用下方按钮把整套配色复制为 HEX 列表,或可直接粘贴的 CSS 变量(如 --color-1: #3a86ff;)。
我的图片会被上传吗?
不会。所有处理都在浏览器里通过 Canvas API 完成,不会发送到任何服务器。页面加载后即使断网也能正常使用。