怎么用
- 上传、拖入或粘贴一张图片；没有图片可以先点「用示例图片试试」。
- 在图片上移动，放大镜显示附近像素；点击（手机上按住拖动后松开）即可取色，方向键可逐像素微调。
- 复制 HEX、RGB 或 HSL；在「图片主色调」查看面积最大的颜色，选择 CSS 或 JSON 导出。
HEX、RGB、HSL 有什么区别
- HEX：#RRGGBB 十六进制写法，网页、Figma 和大多数设计软件通用，例如 #1E3A8A。
- RGB：红、绿、蓝三个 0–255 的数值，例如 rgb(30, 58, 138)，适合写代码和调整透明度。
- HSL：色相（0–360°）、饱和度、亮度，例如 hsl(224, 64%, 33%)，方便做同色系的深浅变化。
常见问题
怎么从图片里取颜色？
上传、拖入或直接粘贴截图，鼠标在图片上移动会出现放大镜，点击想要的位置即可取色；手机上用手指按住拖动，松开时取色。HEX、RGB、HSL 色值都可以一键复制。
「取样范围」选 1 像素还是 5×5？
Logo、图标和纯色截图用 1 像素最精确；照片、布料和有噪点的产品图建议用 3×3 或 5×5 平均，避免吸到单个偏色的像素。
主色调是怎么算出来的？
工具把图片缩小后统计全部像素，用中位切分加 K 均值聚类把相近颜色合并成 3–8 组，按面积占比从大到小排列。透明像素不参与计算。主色调反映面积，不代表视觉重点。
取到的颜色和设计稿不一样？
截图和照片的颜色会受屏幕色彩管理、JPEG 压缩、光线和相机白平衡影响，与设计稿或印刷色（Pantone、CMYK）可能不同。品牌色请以官方规范为准，取色结果用于参考和快速匹配。
导出的 CSS 和 JSON 怎么用？
CSS 导出的是 :root 变量（如 --color-1），可直接粘进网站样式表；JSON 包含 HEX、RGB、HSL 和占比，适合交给开发或导入设计工具。也可以把取色历史单独导出。
图片会上传吗？
不会。图片在你的浏览器里解码并绘制到本地画布，取色和主色调计算都在本机完成，适合未发布的产品图和客户资料。