调色板提取工具
遇到一张配色很喜欢的图片,但不知道那些颜色叫什么名字?把图片拖进来,工具会扫描像素,把出现最多的颜色整理成调色板,给你可以直接用的HEX值。
上传图片,选好要提取多少个颜色,复制调色板就行了。全程在浏览器里跑,不上传服务器。
将图片拖放到这里
或点击浏览
已上传的图片
提取的颜色
6
导出调色板
工作原理
上传图片后,工具会扫描整张图的像素,找出出现频率最高的颜色,再把相近的色调归并在一起。最终给你的是一份干净的主色调色板,而不是几千个单独像素颜色的列表。
常见用途
网页设计
有产品图或横幅图,想让网站配色和它协调?提取调色板,把HEX直接写进CSS变量。因为这些颜色本来就在同一张图里,搭配起来自然顺眼。
平面设计
做海报或社交媒体配图时,直接从你用的那张照片里提取颜色,围绕这套色调设计。不用猜「这个颜色配什么」,答案就在图里。
室内设计
收藏了一张很喜欢的室内照片?把颜色提取出来,就能看出墙面、家具和点缀色分别是什么色号。拿着HEX值去调漆店,店员可以帮你配出最接近的颜色。
时尚搭配
手里有件颜色比较特别的单品,想找能搭的衣服?从这件单品的照片里把颜色提出来,就知道该去找什么色调了。
美术学习
把喜欢的画作或照片的调色板提取出来分析,看看大师们是怎么搭配颜色的。这比光靠眼睛去感受,进步快得多。
品牌视觉
有一批能代表品牌调性的参考图?从这些图里提颜色,作为品牌色系的起点,比凭空定颜色更有依据,结果也更统一。
调整颜色数量
滑块控制提取多少个颜色:
- 3–4个颜色:只保留最主要的色调,适合简洁的配色方案。
- 5–6个颜色:主色加上几个辅助色,大多数设计项目够用了。
- 7–10个颜色:连细微变化和次要色调也一并提取,适合需要详细分析的场合。
哪类图片效果最好
色块边界清晰的图片提取效果最佳,比如白底商品图、色调平铺的插画、光线均匀的室内照片。过渡非常柔和的渐变图或大量虚化的照片,提取结果可能会模糊一些。
导出颜色
点击某个色块即可复制HEX代码。「复制全部HEX」按钮一次拿走所有颜色,「复制为CSS」则直接生成CSS自定义属性格式,粘贴到样式表里就能用。