![fac33d45c554c9a7ad2cdbf894161bc1.png](https://i-blog.csdnimg.cn/blog_migrate/5bc2bf349f3aabdfecf2353782a2754e.jpeg)
如何根据图片来提取颜色
![14545f8eea833df75488e06a6fb7f92a.png](https://i-blog.csdnimg.cn/blog_migrate/ff594fc89a90f5705c549eb538c10e45.jpeg)
![b2048e0da6c2815c2f6214281b3b92f5.png](https://i-blog.csdnimg.cn/blog_migrate/96ef71f31d6535f50f81da94a8c36613.jpeg)
哈喽各位小伙伴们中午好啊,我记得之前有谁在群里问过这个问题,就是如何来制作色卡,其实有很多设计类博主平时都会分享一些美图的色卡搭配,或影视或设计作品还有时尚封面等。
其实这种色卡我们自己也是可以制作的,那比较困难的部分应该就是如何提取颜色了,对于非设计专业的同学来说呢,也许会有些难度!
其实我们大可以用一些工具来提取,这也就是公子今天要分享给大家的几个一键生成色卡的网站,只要我们把图片往里一丢,它就会自动分析出结果了。
至于色卡的样式呢,我们可以截图也可以导出,或者你想要特别一些就用PPT重新排版,总之颜色只要提取出来,其他就不存在什么大问题了。
01.Brandfolder
Brandfolder有一些免费的工具还是非常好用的,比如文件转换,提取文字等等,大家都可以自己去尝试一下。
那公子今天要提到的是它的调色板部分。
![b73f362168c066285c512ceb79b5032e.png](https://i-blog.csdnimg.cn/blog_migrate/c2153491f1e2ec47417e86e9de959cbe.png)
它可以从我们上传的图片或文件中,自动生成一组色卡。
![ea9b121c5fb42c8ce3ea18e4c08cc5a1.png](https://i-blog.csdnimg.cn/blog_migrate/6986b50a4d6fb5cadc1a79d0c3d91744.jpeg)
上传过程中呢,支持裁剪图片中的某一部分来识别。
生成的调色板有六个颜色,十六进制,单击每个颜色即可复制代码。
![635b8e51deae3983fd9a7d383c1f9cc2.png](https://i-blog.csdnimg.cn/blog_migrate/480c54bf26180c47d15f76d09fd01f1e.png)
我们来看一下结果,还是非常精致的,但并不支持增减色卡中颜色的数量,默认就是六个。
![1cb60a823dcf706966b065f10eab8dba.png](https://i-blog.csdnimg.cn/blog_migrate/0e6b77c9116e92d7b10d3c5aaab4b664.png)
界面清新简单,操作也不复杂,公子还是比较推荐的。
02.Dopely Colors
Dopely Colors也可以免费生成调色板。
![03fc09aca047de0fcd887291b71e8903.png](https://i-blog.csdnimg.cn/blog_migrate/0e5850c0439ac2cfca4b72f38042d0b2.png)
而且有近千种的配色方案可供我们选择,每组色卡下面有对应的渐变搭配。
![72d5c7ff50c0f965d88c6297c1dccdd5.png](https://i-blog.csdnimg.cn/blog_migrate/eae0d81ad395df175d6c99ca5c689954.jpeg)
Dopely Colors还有一个颜色代码转换的功能,之前正好有同学问过我,就一并介绍给大家。
其实网上这种转换工具也是一搜一大推,但Dopely Colors绝对是“颜值”首选。
![18a7f2c13ee1c7939ac94559b022c481.png](https://i-blog.csdnimg.cn/blog_migrate/519f576a6ef546c51057941e51357a38.png)
不过今天重点是要介绍它可以根据图片自动生成一组色卡的部分。
![09b93fbd28b455c9549190ca5fcbaede.png](https://i-blog.csdnimg.cn/blog_migrate/ee5fde4db0f5bc2373bcd109867cb1ca.png)
其中颜色都是可以更改的,如果你对分析出的结果并不满意的话,可以在图片中点取。
![9b9aa99ba418813716a7fb8f144ce7f0.png](https://i-blog.csdnimg.cn/blog_migrate/7b4a915222d9a11a229a517b56497fb0.png)
得到的色卡也可以转换成以上这种形式,还能看到渐变方案,非常奈斯。
![7a3d6dc3b79f7fdb1a4302075f2919a2.png](https://i-blog.csdnimg.cn/blog_migrate/2c5c4d896fb76dbc032816a9d0c3187f.png)
总之Dopely Colors是一个对于配色方面比较专业的一个平台,可以尝试看看。
03.Colormind
Colormind可以从图像中提取调色板,不是寻找最具代表性的颜色,而是从中寻找最恰当的搭配。
![1f1305696d1191aed3b9f69071515987.png](https://i-blog.csdnimg.cn/blog_migrate/e8126e8df3923a6a942eb695b92d4775.png)
如果分析出的结果并不满意的话,可以点击“Generate”不断刷新结果。
![8b00b988b92b84d0a6a0f6ee896f5c18.png](https://i-blog.csdnimg.cn/blog_migrate/8344cc71bc1461374bd33225419a5486.jpeg)
色卡也是默认六个颜色一组,无法自行增减,是我觉得其中比较简单方便的一个工具。
![67cb2f2d0e0f3ab608b095ba11a74d55.png](https://i-blog.csdnimg.cn/blog_migrate/6815784639f4e019dcece3ead74d3b44.jpeg)
但不太人性化的部分就是,无法点击颜色而自动拷贝代码。
04.Coolors
Coolors公子之前有分享过,不知道小伙伴们是否还有印象呢。
![01ff8eaf14927efbf321f9aedca4e6dd.png](https://i-blog.csdnimg.cn/blog_migrate/a0afdb3778a1cbc7430cc8d153fd92f2.jpeg)
进入调色板之后,我们点击右上方的“Create a collage”,就可以制作色卡了。
![75301cfd4242e031c7ac73fb057ccb1a.png](https://i-blog.csdnimg.cn/blog_migrate/8ce4a29b5206d952c37b7af9ea057de5.png)
Coolors最好的地方在于有很多的色卡样式供我们选择,还有图片的比例。
![edc70391057100b3ae01b007bf18865c.png](https://i-blog.csdnimg.cn/blog_migrate/ff56808c1f4807e5b1f969b7501e3aea.jpeg)
你们可以看到,这些色卡我就是分别选择了不同的样式,周边环绕还是左右分布都可以。
![06b2a0b02fe974dfb561bde104d06d90.png](https://i-blog.csdnimg.cn/blog_migrate/857f60b51541e2ab6aa285dd69a12b1b.jpeg)
当然不仅仅局限于这几种,你们可以自己去看一下,样式还是非常多的,并支持直接导出图片。
05.COLRD
COLRD在这几个当中可编辑性就非常强大了。
![aeafde72b6be7ec3ae4258083942b48c.png](https://i-blog.csdnimg.cn/blog_migrate/a79ef675b86e119ff9485ba4eb435683.png)
不仅可以增减色卡中的颜色数量,还可以在图片中自行点取来选择。
![4cb56f65a7891743016204b12f3596ae.png](https://i-blog.csdnimg.cn/blog_migrate/9a77529ae19118471d6a7d390f3baa2f.png)
而且还支持随意拖拽并放大图片,这样在操作过程中就非常方便,不容易出错了。
![2784a3d9c12041805928f33964a6e98c.png](https://i-blog.csdnimg.cn/blog_migrate/5b20007228e829f91f16ac2951ff2f88.png)
在“Discover”中,我们还会看到用户上传的图片色卡案例。
06.Palette Generator
Palette Generator的特点是我们可以最多上传20张图片。
![1230156c70abc1aa1978d13e28ccb8b6.png](https://i-blog.csdnimg.cn/blog_migrate/8d6bfadb85b5c4e8296c0f9687731ac7.jpeg)
可以同时上传多张图片的功能,公子目前还没有在别的色卡生成器中发现过。
而且只要点击缩略图就可以来回自由地切换,比对结果。
![dd66ebc3debe57527cb383c25f7564d9.png](https://i-blog.csdnimg.cn/blog_migrate/c9877282433b4846707121b3fbd9a7d4.jpeg)
同时它也支持裁剪图片中的某个部分再去计算,还是非常方便的。
![c979e6f247a58b104eaaf4ae6c92c47c.png](https://i-blog.csdnimg.cn/blog_migrate/4b36d6ca0f491e601909fa3d78acfb85.jpeg)
不但可以增减色卡中的颜色数量,我们看到了它还会显示出各颜色的占比情况。
这样看来Palette Generator的综合实力还是很强大的,至少在生成调色板这方面。
那以上就是公子这周分享给大家的几个一键生成色卡的网站了,整体比较下来也不过是各有千秋,还是要看大家的使用习惯。
很难有哪个网站会把你喜欢或想要的功能全部囊括其中,那就根据我们当下的使用场景或需要去选择,反正我个人对网站的颜值还挺挑剔的,哈哈哈哈哈~~
看完今天的内容,大家也就可以制作出那些色卡了吧,不管是围脖还是票圈,如果没得分享也可以根据现在流行或你喜欢的影视剧,截图之后做个色卡看看吧!
自从做公众号开始呢,就觉得一周一周时间过得好快,现在已经是六月,2020要过半了,有没有和公子一样又要开始焦虑的呢,总之不管今年有什么计划,大家都加快脚步吧,爱你们!!
OK,那今天就这样了,Good Luck
那些博主们经常分享的图片色卡,你也可以做mp.weixin.qq.com![75b204bd3470a9483ce3e2103823c7ae.png](https://i-blog.csdnimg.cn/blog_migrate/0a179197576db547e77411a48f12d4d4.jpeg)
![7b5c762282bcfbd08ebc00d1260994e3.png](https://i-blog.csdnimg.cn/blog_migrate/d6f4af2a797352f2784c254b232a7e4c.jpeg)