广告位
图片颜色提取工具
智能提取图片主色调，生成专业调色板，支持CSS/SCSS变量导出
点击此区域上传图片
或拖拽图片文件到这里
支持 JPG、PNG、WEBP 格式
放大预览
HEX
#FFFFFF
RGB
rgb(255, 255, 255)
使用说明
-
上传图片：点击图片区域或拖拽图片文件到预览区域
-
精准取色：鼠标悬停图片显示放大镜，点击任意位置提取颜色
-
批量提取：点击"提取主色调"按钮生成整张图片的调色板
-
复制导出：点击颜色值旁的复制按钮或使用导出功能
安全保障
-
本地处理：所有图片处理在浏览器本地完成，不上传服务器
-
建议：使用清晰、色彩丰富的图片，效果更佳
-
精准取色：点击取色为精确像素颜色，批量提取为代表性主色调
-
免费无限制：不限次数、不限文件大小，完全免费使用
广告位
常见问题
提取的主色调是如何计算的？
本工具采用 Median Cut（中位切分）算法，对图片所有像素进行采样分析，将颜色空间递归划分，最终提取出5种最具代表性的主色调。每种颜色代表图片中占比最大的色彩区域。
点击取色和批量提取有什么区别？
点击取色是精确提取鼠标点击位置的单一像素颜色，适合获取特定点的准确色值；批量提取主色调是分析整张图片后生成5种代表性颜色的调色板，适合获取图片的整体配色方案。
支持哪些颜色格式导出？
支持三种格式导出：CSS变量格式（:root { --color-1: #XXX; }）、SCSS变量格式（$color-1: #XXX;）和JSON格式（包含HEX、RGB、HSL多种表示）。点击对应按钮即可复制到剪贴板，方便粘贴到代码编辑器使用。
放大镜功能有什么作用？
鼠标悬停在图片上时，右上角会显示放大镜，将鼠标周围的像素放大显示，并标注十字准星位置。这有助于精准定位想要取色的像素，特别是在颜色相近或细节复杂的区域。
图片会上传到服务器吗？
不会。所有图片处理均在浏览器本地完成，不上传到服务器，完全保护您的隐私安全。处理速度取决于图片大小和设备性能，通常即时完成。
复制成功！
广告位