自动从图片提取 4–12 个代表性主色,并生成 HEX/RGB/HSL、WCAG 对比度、CSS 变量、调色板 PNG,以及基于提取颜色的 CSS 渐变 仅在浏览器中。
JPG、PNG、WebP、GIF、SVG 等浏览器可读取的图片
/* 提取调色板后将在此显示 CSS。 */
从徽标、商品照片和横幅中提取主色,可直接用于网站主题、商品详情页、缩略图和 CSS 变量。
上传的文件不会发送到外部服务器,所有处理仅使用您的本地设备完成。
读取图片、提取颜色、生成渐变和下载 PNG 均在当前浏览器中完成。
减少颜色数量,或将采样间隔改为“标准”或“快速”,可减少近似颜色。
只要浏览器能够将 SVG 渲染为图片,就可以预览并提取颜色。
这是所选背景色与各提取颜色之间的 WCAG 对比度,可作为选择文字颜色的参考。
适合管理网站主题、按钮、背景、图表等场景中反复使用的颜色。
本工具不是点击某个精确像素取色的吸管工具,而是对整张图片进行采样并自动提取 4–12 个代表性颜色。大部分透明像素和接近纯白的像素不会作为主色候选,每个结果都会显示 HEX、RGB 和 HSL。目前不支持直接点击图片来选择某个精确像素的颜色。