调色板提取工具

遇到一张配色很喜欢的图片,但不知道那些颜色叫什么名字?把图片拖进来,工具会扫描像素,把出现最多的颜色整理成调色板,给你可以直接用的HEX值。

上传图片,选好要提取多少个颜色,复制调色板就行了。全程在浏览器里跑,不上传服务器。

将图片拖放到这里

或点击浏览

工作原理

上传图片后,工具会扫描整张图的像素,找出出现频率最高的颜色,再把相近的色调归并在一起。最终给你的是一份干净的主色调色板,而不是几千个单独像素颜色的列表。

常见用途

网页设计

有产品图或横幅图,想让网站配色和它协调?提取调色板,把HEX直接写进CSS变量。因为这些颜色本来就在同一张图里,搭配起来自然顺眼。

平面设计

做海报或社交媒体配图时,直接从你用的那张照片里提取颜色,围绕这套色调设计。不用猜「这个颜色配什么」,答案就在图里。

室内设计

收藏了一张很喜欢的室内照片?把颜色提取出来,就能看出墙面、家具和点缀色分别是什么色号。拿着HEX值去调漆店,店员可以帮你配出最接近的颜色。

时尚搭配

手里有件颜色比较特别的单品,想找能搭的衣服?从这件单品的照片里把颜色提出来,就知道该去找什么色调了。

美术学习

把喜欢的画作或照片的调色板提取出来分析,看看大师们是怎么搭配颜色的。这比光靠眼睛去感受,进步快得多。

品牌视觉

有一批能代表品牌调性的参考图?从这些图里提颜色,作为品牌色系的起点,比凭空定颜色更有依据,结果也更统一。

调整颜色数量

滑块控制提取多少个颜色:

  • 3–4个颜色:只保留最主要的色调,适合简洁的配色方案。
  • 5–6个颜色:主色加上几个辅助色,大多数设计项目够用了。
  • 7–10个颜色:连细微变化和次要色调也一并提取,适合需要详细分析的场合。

哪类图片效果最好

色块边界清晰的图片提取效果最佳,比如白底商品图、色调平铺的插画、光线均匀的室内照片。过渡非常柔和的渐变图或大量虚化的照片,提取结果可能会模糊一些。

导出颜色

点击某个色块即可复制HEX代码。「复制全部HEX」按钮一次拿走所有颜色,「复制为CSS」则直接生成CSS自定义属性格式,粘贴到样式表里就能用。

关于颜色提取的常见问题

探索类似工具

WCAG对比度检查器

立刻检测颜色组合能否通过WCAG的AA和AAA级别,结果即时呈现,无需注册。

检查对比度

我是混蛋吗判定

把你的事儿讲给AI听,让它来判谁做错了。YTA、NTA、ESH还是NAH,给你一个有理有据的结论。

获取我的判定
PDF

免费TXT转PDF转换器

几秒钟把.txt变成PDF。代码、日志、笔记,什么文本都行。

将文本转换为PDF
JSON XLSX

JSON转Excel转换器

把JSON文件转成Excel电子表格,自动格式化、支持多工作表、智能识别数据结构

转换为Excel
XLSX { "k": "v" }

Excel转JSON转换器

直接在浏览器里把Excel表格转成JSON,不用上传文件,不用写代码。适合对接API、导入数据库,或者把表格数据用到Web项目里。

转换为JSON

收据生成器

几分钟内生成整洁的专业收据。填写商品、税率和付款方式,直接下载PDF或打印。

生成收据