颜色与图片分析器

从任意图片中提取主色调并构建调色板,查看 RGB 和亮度直方图,预览灰度效果,并检查 WCAG 对比度以获得无障碍的配色。所有分析都在你的浏览器中本地运行 —— 无需上传。

隐私优先:每张图片都在你的浏览器中本地处理。任何内容都不会上传、存储或传输到任何服务器。

PixelVault 的颜色与图片分析器完全在你的浏览器中从任意图片提取调色板、直方图和对比度信息。放入一张照片、插画或截图,即可立即得到它的主色调,以可复制的十六进制代码呈现,还附带每种颜色所占的比例。这是一种从你喜欢的图片中提取调色板的快捷方式,无需安装任何东西,也无需上传你的文件。

从主色调出发,你可以生成互补、邻近、三分和单色的和谐配色以构建协调的方案,并把整个调色板导出为纯 HEX、CSS 变量、SCSS 变量、JSON 或 Tailwind 配置 —— 可直接粘贴进你的项目。若要更深入的分析,RGB 和亮度直方图可揭示曝光和影调平衡,灰度预览会展示图片去色后的效果,而 WCAG 对比度检查器会告诉你一组文字与背景是否通过 AA 和 AAA 的无障碍标准。

工作原理

PixelVault 会以降低的分辨率对图片采样,并把相似的颜色归入桶中以找出主色调,在色彩空间之间转换以构建和谐配色,并读取像素值来计算直方图。对比度使用 WCAG 2.1 相对亮度公式。所有这些都在已经加载到你浏览器中的像素上运行。

本地处理为何重要

本地分析让你的图片 —— 客户作品、未发布的设计、私密照片 —— 不进入网络。没有上传,也没有任何服务器可能留存副本,而且由于像素已经在页面中,结果是即时的。

支持的格式

  • JPG — 直接分析。
  • PNG — 采样颜色时尊重透明。
  • WebP — 完全支持。

常见用途

  • 从照片或设计参考中提取调色板。
  • 为品牌或 UI 生成匹配的配色方案。
  • 检查文字与背景的对比度以确保无障碍。
  • 用 RGB 和亮度直方图检查曝光和影调。

常见问题

分析图片时会上传吗?
不会。颜色提取、直方图和对比度检查全部在你的浏览器中本地运行。
我可以获得哪些颜色信息?
主色调、可复制的调色板(带十六进制代码和占比),以及完整的 RGB 和亮度直方图。
对比度检查器有什么用?
它测量两种颜色之间的 WCAG 2.1 对比度,并显示它们是否通过 AA、AA Large 和 AAA 的无障碍文字标准。
我可以复制颜色代码吗?
可以。点击任意色块可复制其十六进制代码,或一次性复制整个调色板。