跳到主要内容
Color Codes

图片生成色板

图片配色提取器 - 从照片提取主色调

上传照片或截图,在浏览器本地提取主色 HEX 色板,适合 UI 设计、品牌配色、情绪板和网页截图分析。

图片只在浏览器本地处理。

6

示例色板

如何使用

选择产品图、插画或网页截图,工具会在你的设备上采样像素、合并相近颜色,并输出干净的主色调色板,无需把图片上传到服务器。

  1. 1 从本地选择一张图片。
  2. 2 调整需要提取的主色数量。
  3. 3 复制单个颜色或完整色板。

常见问题

图片会被上传吗?

不会。图片通过浏览器 Canvas 在本地处理,不会发送到后端。

哪些图片更适合提取色板?

网页截图、产品图、品牌参考图和简单插画效果最好;噪点很多的照片可以减少色板数量。

可以从网站截图提取配色吗?

可以。先保存或截取网页截图,再上传到这里即可识别主要界面颜色。

提取色板后下一步做什么?

如果这些颜色要用于 UI,建议继续检查文字对比度,并生成 50–900 色阶用于状态和组件。