PixelVault 的颜色与图片分析器完全在你的浏览器中从任意图片提取调色板、直方图和对比度信息。放入一张照片、插画或截图,即可立即得到它的主色调,以可复制的十六进制代码呈现,还附带每种颜色所占的比例。这是一种从你喜欢的图片中提取调色板的快捷方式,无需安装任何东西,也无需上传你的文件。
从主色调出发,你可以生成互补、邻近、三分和单色的和谐配色以构建协调的方案,并把整个调色板导出为纯 HEX、CSS 变量、SCSS 变量、JSON 或 Tailwind 配置 —— 可直接粘贴进你的项目。若要更深入的分析,RGB 和亮度直方图可揭示曝光和影调平衡,灰度预览会展示图片去色后的效果,而 WCAG 对比度检查器会告诉你一组文字与背景是否通过 AA 和 AAA 的无障碍标准。
工作原理
PixelVault 会以降低的分辨率对图片采样,并把相似的颜色归入桶中以找出主色调,在色彩空间之间转换以构建和谐配色,并读取像素值来计算直方图。对比度使用 WCAG 2.1 相对亮度公式。所有这些都在已经加载到你浏览器中的像素上运行。
本地处理为何重要
本地分析让你的图片 —— 客户作品、未发布的设计、私密照片 —— 不进入网络。没有上传,也没有任何服务器可能留存副本,而且由于像素已经在页面中,结果是即时的。
支持的格式
- JPG — 直接分析。
- PNG — 采样颜色时尊重透明。
- WebP — 完全支持。
常见用途
- 从照片或设计参考中提取调色板。
- 为品牌或 UI 生成匹配的配色方案。
- 检查文字与背景的对比度以确保无障碍。
- 用 RGB 和亮度直方图检查曝光和影调。