Color Palette Extractor — Generate Color Schemes from Images
Upload any photo or design to extract dominant colors, copy HEX & RGB codes, and export CSS variables.
在您的浏览器中运行。您的文件不会离开设备。 了解如何验证
…
使用方法
- 1选择设置
填写信息或选择您需要的选项。
- 2查看结果
更改任何内容时，预览会立即更新。
- 3下载或保存
将结果保存到您的设备。不会向服务器发送或保存任何内容。
关于此工具
Extract harmonious 5, 6, or 8-color palettes from photos, logos, and artwork using smart color quantization. Click any color swatch to copy HEX, RGB, or HSL values, copy a ready-to-use CSS variables block, or download a high-resolution palette swatch card.
获得最佳结果的提示
开始之前请花一点时间阅读选项，并先用一个小例子试用工具。一切都在您设备的浏览器中运行；您输入或添加的任何内容都不会被上传，关闭标签页会清除所有内容。如果看起来不对，请刷新页面重试，或使用本页的报告链接告诉我们出了什么问题。如果结果仍然看起来不对，请每次只更改一个值，看看哪个输入影响最大。如果您还会再用，请收藏此页。
要点
- 分类: 图片
- 在浏览器中运行，无需注册，无需上传。
- 您输入的信息保留在设备上。
- 提供多种语言。
- 内容最后审核日期:
常见问题
How does the palette extractor work?
It samples the pixels of your image and groups similar shades using color quantization to find the most dominant tones.
Can I copy CSS variables for web development?
Yes, click 'Copy CSS Variables' to get a complete :root block ready to paste into your CSS stylesheet.
Can I export a palette swatch card image?
Yes, click 'Export Palette Card' to generate a downloadable high-resolution PNG swatch image for Figma or client presentations.
What image formats are supported?
PNG, JPG, JPEG, WebP, SVG, and AVIF images are all supported.