代码拾取图片某一点的颜色_那些博主们经常分享的图片色卡,你也可以做

fac33d45c554c9a7ad2cdbf894161bc1.png
如何根据图片来提取颜色

14545f8eea833df75488e06a6fb7f92a.png

b2048e0da6c2815c2f6214281b3b92f5.png

​哈喽各位小伙伴们中午好啊,我记得之前有谁在群里问过这个问题,就是如何来制作色卡,其实有很多设计类博主平时都会分享一些美图的色卡搭配,或影视或设计作品还有时尚封面等。

其实这种色卡我们自己也是可以制作的,那比较困难的部分应该就是如何提取颜色了,对于非设计专业的同学来说呢,也许会有些难度!

​其实我们大可以用一些工具来提取,这也就是公子今天要分享给大家的几个一键生成色卡的网站,只要我们把图片往里一丢,它就会自动分析出结果了。

至于色卡的样式呢,我们可以截图也可以导出,或者你想要特别一些就用PPT重新排版,总之颜色只要提取出来,其他就不存在什么大问题了。


​01.Brandfolder

Brandfolder有一些免费的工具还是非常好用的,比如文件转换,提取文字等等,大家都可以自己去尝试一下。

那公子今天要提到的是它的调色板部分。

b73f362168c066285c512ceb79b5032e.png

它可以从我们上传的图片或文件中,自动生成一组色卡。

ea9b121c5fb42c8ce3ea18e4c08cc5a1.png

上传过程中呢,支持裁剪图片中的某一部分来识别。

生成的调色板有六个颜色,十六进制,单击每个颜色即可复制代码。

635b8e51deae3983fd9a7d383c1f9cc2.png

我们来看一下结果,还是非常精致的,但并不支持增减色卡中颜色的数量,默认就是六个。

1cb60a823dcf706966b065f10eab8dba.png

界面清新简单,操作也不复杂,公子还是比较推荐的。


02.Dopely Colors

Dopely Colors也可以免费生成调色板。

03fc09aca047de0fcd887291b71e8903.png

而且有近千种的配色方案可供我们选择,每组色卡下面有对应的渐变搭配。

72d5c7ff50c0f965d88c6297c1dccdd5.png

Dopely Colors还有一个颜色代码转换的功能,之前正好有同学问过我,就一并介绍给大家。

其实网上这种转换工具也是一搜一大推,但Dopely Colors绝对是“颜值”首选。

18a7f2c13ee1c7939ac94559b022c481.png

不过今天重点是要介绍它可以根据图片自动生成一组色卡的部分。

09b93fbd28b455c9549190ca5fcbaede.png

其中颜色都是可以更改的,如果你对分析出的结果并不满意的话,可以在图片中点取。

9b9aa99ba418813716a7fb8f144ce7f0.png

得到的色卡也可以转换成以上这种形式,还能看到渐变方案,非常奈斯。

7a3d6dc3b79f7fdb1a4302075f2919a2.png

总之Dopely Colors是一个对于配色方面比较专业的一个平台,可以尝试看看。


03.Colormind

Colormind可以从图像中提取调色板,不是寻找最具代表性的颜色,而是从中寻找最恰当的搭配。

1f1305696d1191aed3b9f69071515987.png

如果分析出的结果并不满意的话,可以点击“Generate”不断刷新结果。

8b00b988b92b84d0a6a0f6ee896f5c18.png

色卡也是默认六个颜色一组,无法自行增减,是我觉得其中比较简单方便的一个工具。

67cb2f2d0e0f3ab608b095ba11a74d55.png

但不太人性化的部分就是,无法点击颜色而自动拷贝代码。


04.Coolors

Coolors公子之前有分享过,不知道小伙伴们是否还有印象呢。

01ff8eaf14927efbf321f9aedca4e6dd.png

进入调色板之后,我们点击右上方的“Create a collage”,就可以制作色卡了。

75301cfd4242e031c7ac73fb057ccb1a.png

Coolors最好的地方在于有很多的色卡样式供我们选择,还有图片的比例。

edc70391057100b3ae01b007bf18865c.png

你们可以看到,这些色卡我就是分别选择了不同的样式,周边环绕还是左右分布都可以。

06b2a0b02fe974dfb561bde104d06d90.png

当然不仅仅局限于这几种,你们可以自己去看一下,样式还是非常多的,并支持直接导出图片。


05.COLRD

COLRD在这几个当中可编辑性就非常强大了。

aeafde72b6be7ec3ae4258083942b48c.png

不仅可以增减色卡中的颜色数量,还可以在图片中自行点取来选择。

4cb56f65a7891743016204b12f3596ae.png

而且还支持随意拖拽并放大图片,这样在操作过程中就非常方便,不容易出错了。

2784a3d9c12041805928f33964a6e98c.png

在“Discover”中,我们还会看到用户上传的图片色卡案例。


06.Palette Generator

Palette Generator的特点是我们可以最多上传20张图片。

1230156c70abc1aa1978d13e28ccb8b6.png

可以同时上传多张图片的功能,公子目前还没有在别的色卡生成器中发现过。

而且只要点击缩略图就可以来回自由地切换,比对结果。

dd66ebc3debe57527cb383c25f7564d9.png

同时它也支持裁剪图片中的某个部分再去计算,还是非常方便的。

c979e6f247a58b104eaaf4ae6c92c47c.png

不但可以增减色卡中的颜色数量,我们看到了它还会显示出各颜色的占比情况。

这样看来Palette Generator的综合实力还是很强大的,至少在生成调色板这方面。


那以上就是公子这周分享给大家的几个一键生成色卡的网站了,整体比较下来也不过是各有千秋,还是要看大家的使用习惯。

很难有哪个网站会把你喜欢或想要的功能全部囊括其中,那就根据我们当下的使用场景或需要去选择,反正我个人对网站的颜值还挺挑剔的,哈哈哈哈哈~~

​看完今天的内容,大家也就可以制作出那些色卡了吧,不管是围脖还是票圈,如果没得分享也可以根据现在流行或你喜欢的影视剧,截图之后做个色卡看看吧!

自从做公众号开始呢,就觉得一周一周时间过得好快,现在已经是六月,2020要过半了,有没有和公子一样又要开始焦虑的呢,总之不管今年有什么计划,大家都加快脚步吧,爱你们!!

OK,那今天就这样了,Good Luck

那些博主们经常分享的图片色卡,你也可以做​mp.weixin.qq.com
75b204bd3470a9483ce3e2103823c7ae.png

7b5c762282bcfbd08ebc00d1260994e3.png
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值