工具箱图标
XTools
Blog
/
颜色格式转换对比度检查渐变生成器图片取色板配色生成器色盲模拟图片取色器

© 2026 XTools. 保留所有权利.

隐私政策联系我们

    图片取色板

    从照片中提取主色,复制为 HEX、CSS 或 Tailwind
    • 文件不会离开你的设备
    • 在浏览器本地运行
    • 免费、免注册、无水印

    拖放图片到这里,或点击选择

    支持 JPG、PNG、WebP、GIF、HEIC、AVIF · 也可以用 Ctrl+V / ⌘V 粘贴

    相关工具

    • 颜色格式转换
    • 对比度检查
    • 渐变生成器
    • 配色生成器
    • 色盲模拟
    • 图片取色器

    如何使用图片取色板

    从照片或截图中提取 3 到 16 种主色并显示各自占比,还会按 Android 规则挑出鲜艳、柔和等色板角色,可导出为 CSS、Tailwind、JSON、GIMP .gpl 或 Adobe .ase。

    1. 1

      拖入图片(JPG、PNG、WebP、GIF、HEIC 或 AVIF),或点击选择。

    2. 2

      拖动「颜色数量」滑块选择 3 到 16 种颜色,「排序方式」可选「占比」「色相」或「明度」。

    3. 3

      鼠标悬停在色块或图片上,可以看到每种颜色出现在哪里;点击色块复制 HEX。

    4. 4

      在「导出」里选择 HEX、CSS、Tailwind 或 JSON 并复制代码,或下载 GIMP / Inkscape(.gpl)、Adobe(.ase)文件。

    常见问题

    图片会上传吗?

    不会。图片在浏览器里解码和分析,不会离开你的设备。

    颜色是怎么提取的?

    工具把图片缩小到最长边不超过 256 像素,在 OKLab 空间做加权 k-means 聚类,所以每种颜色代表的是一片区域,而不是某个像素。需要某个像素的精确颜色,请用「图片取色器」。

    为什么有的色板角色显示「无」?

    角色是参照 Android Palette API,从 16 个候选颜色中挑选的。没有合适的候选时就会空着,比如灰调照片里就挑不出鲜艳色。

    透明区域会被计算在内吗?

    不会,透明像素会被忽略。透明背景的 Logo 只会提取 Logo 本身的颜色。

    能在 Photoshop 或 GIMP 里使用这套配色吗?

    能。下载 Adobe(.ase)可在 Adobe 软件中作为色板载入,GIMP / Inkscape(.gpl)则用于 GIMP 和 Inkscape。