颜色选择器
选取任意颜色，复制 Hex、RGB、HSL 或 OKLCH，并查看阴影与和谐色。
立即试用从图片提取颜色
上传照片、标志或截图，立即获得它的调色板，HEX、RGB、HSL 和 OKLCH 代码可直接复制。一切都在你的浏览器中完成。
或拖放到此处
文件须为 JPEG、PNG、WebP 或 SVG，最大 40 MB
手边没有图片？试试示例：
色彩情绪
上传图片以提取颜色
如何从图片中提取调色板
图片取色器会分析任意照片，自动提取其中出现最多的颜色，生成可直接用于项目的调色板。这是把照片、屏幕截图或品牌标志变成可用颜色组合的最快方式。
颜色选择器适合你已经知道想要的确切颜色时使用，色轮适合从零开始探索配色；而这个工具从真实图片出发：你自己的、客户的，或任何你想变成调色板的视觉参考。
从你的设备上传图片。工具在你自己的浏览器中分析，不会上传到任何服务器，并返回 Hex、RGB、HSL 和 OKLCH 格式的主色，可直接复制或导出。你还可以基于主色生成配色和色调变化，并检查无障碍对比度，就像 Matizly 的其他工具一样。
只要你想从真实图片出发，它就很有用：保持产品照片的一致性、根据参考图片构建调色板，或者只是重现你在照片中看到的配色。
使用方法
1. 上传图片
把照片、截图或标志拖入框中，或点击“上传图片”。支持最大 40 MB 的 JPEG、PNG、WebP 和 SVG，也可以从手机相册或相机上传。
2. 选择调色板风格
通过“色彩情绪”决定优先哪些颜色：鲜艳、明亮、柔和、深邃或深暗。你可以更改颜色数量，并在图片上移动取色点。
3. 复制或导出
以 HEX、RGB、HSL 或 OKLCH 复制每个代码，将调色板导出为 CSS、Tailwind 或 Figma，或在色轮中打开继续调整。
从图片提取颜色的用途
从标志获取品牌调色板
获取标志的准确颜色，在网页、社交媒体和印刷品中保持一致。
与照片相配的网站
从产品照片或页眉图片中取色，用于按钮、背景和文字。
来自照片和艺术作品的灵感
把你喜欢的风景、画作或插画变成可直接用于设计的调色板。
社交媒体风格统一
以一张参考图片为基础，让所有帖子保持相同的色彩氛围。
你的图片不会离开浏览器
分析在你自己的设备上完成：图片不会上传到任何服务器，我们也不会保存。你可以放心使用私人照片或客户素材。
这也是它速度快的原因：无需等待图片上传，也无需等待服务器处理。
常见问题
从你的设备上传图片。工具会自动分析并生成包含主色的调色板，显示 Hex、RGB、HSL 和 OKLCH 代码。
不会。所有分析都直接在你的浏览器中进行。你的图片不会发送到或存储在任何服务器上。
默认生成包含图片最具代表性颜色的调色板。你可以调整提取的颜色数量，获得更简洁或更详细的调色板。
你可以从设备上传 PNG、JPG、WEBP 或 SVG 文件。如果 SVG 中嵌入了 HTML，该部分会被忽略，只分析其形状和颜色。
可以。提取调色板后，你可以选择其中任意颜色作为基色，自动生成类似色、互补色、三分色等配色方案。
可以根据产品照片创建调色板、重现参考图片的配色，或者用现有视觉素材构建一套协调的颜色。
把图片上的任意一个点拖到你感兴趣的区域：颜色会立即更新，并显示 HEX、RGB、HSL 和 OKLCH 代码。
可以。上传 SVG 或高分辨率 PNG 格式的标志，并调整颜色数量使其与标志一致。
能。你可以从相册选择照片或用相机拍摄，像在电脑上一样提取颜色。