图片取色器

如何使用

1. 上传图片 — 将 JPEG、PNG、WebP 或 GIF 文件拖拽至上传区域，或点击浏览设备文件。所有处理均在浏览器本地完成——不会上传任何文件至服务器。
2. 选择颜色数量 — 选择 5、6 或 8 种主色。每次更改数量时，调色板都会即时更新。
3. 复制单个颜色 — 点击任意色块即可将其 HEX 色值复制到剪贴板。每个色块同时显示精确的 RGB 数值。
4. 导出整个调色板 — 使用”复制全部 HEX 色值”获取纯文本列表，或复制现成的 CSS 自定义属性（--color-1 至 --color-8），直接粘贴到您的样式表中。

功能特性

• 确定性中位切分量化 — 同一张图片始终生成相同的调色板，结果可复现，便于与团队成员分享。
• 智能缩放 — 分析前将图片缩减至最长边 100 像素，即使是 4K 照片也能瞬间完成提取，且不影响主色判断。
• 每个色块同时显示 HEX 与 RGB — 两种格式一目了然，按感知亮度从深到浅排序。
• 一键复制 — 点击任意色块复制其 HEX 色值，或一次性复制整个调色板。
• CSS 变量导出 — 生成可直接粘贴到任何项目的 :root CSS 自定义属性代码块。
• 100% 客户端隐私保护 — 所有分析均在浏览器内通过 Canvas API 完成，图片绝不离开您的设备。

使用场景

• 网页与 UI 设计 — 从品牌照片、头图或设计稿中提取匹配的配色方案，用于按钮、背景和强调色。
• 设计系统 — 从营销图片中提取候选色板，几秒内即可作为 CSS 自定义属性投入使用。
• 艺术与插画参考 — 通过将图片分解为主色，研究摄影师和画家的色调搭配方式。
• 社交媒体与演示文稿 — 让文字和图形颜色与幻灯片或帖子中的照片相匹配，呈现统一的视觉效果。

相关工具

• 图片压缩器 — 在保持画质的同时减小图片文件大小，完全在浏览器中完成。
• 图片裁剪器 — 在提取调色板之前，于浏览器中裁剪、旋转和翻转图片。
• 调色板生成器 — 基于色彩理论，从单个种子色生成和谐配色方案。
• 取色工具 — 在 HEX、RGB 和 HSL 格式之间拾取并转换颜色。