主色提取是什么原理？
采用设计软件同款的中位切分算法：把图片颜色按跨度最大的通道反复二分，再取每桶平均值，得到最能代表画面配色的一组主色，比简单抽样平均更准确。
拖拽图片到此处开始取色
支持 PNG / JPG / WebP / GIF，单张不超过 20 MB
也可以直接 Ctrl+V 粘贴截图
导出的配置怎么用？
CSS 变量可直接粘贴进全局样式；Tailwind 格式对应 tailwind.config.js 的 colors 字段；JSON 含 HEX / RGB / HSL 三种表示，适合设计协作与程序读取。
隐私说明
取色与主色提取全部在浏览器本地完成，图片不会上传服务器。
如何使用调色板取色？
导入图片，自动完成主色提取（4 / 8 / 12 色可切换）。
悬停放大镜精确取色，点击画布收集颜色到调色板。
选择 CSS / Tailwind / JSON 格式复制或下载。
常见问题
主色提取用的是什么算法？
中位切分（Median Cut）：把图片颜色按跨度最大的通道反复二分，再取每桶平均值，得到最能代表画面配色的色板，比简单平均更准确，也是设计软件的常用方案。
提取的颜色怎么给开发用？
支持一键复制或下载三种格式：CSS 变量可直接粘进全局样式，Tailwind 格式对应 tailwind.config.js 的 colors 字段，JSON 同时含 HEX / RGB / HSL 三种表示。
放大镜取色怎么用？
把鼠标悬停在图片上会自动显示 9 倍放大镜和当前 HEX 值，单击即可把颜色加入「我的取色」区，点色卡即可复制，方便精确对准 1 像素级的颜色。
透明像素会参与取色吗？
不会。透明度低于阈值的像素会被跳过，PNG 透明背景不会污染主色结果；半透明像素按其实际颜色参与计算。