? 配色工具 ?
好的配色能让设计更加出彩
但如果缺少灵感怎么办?
快试试配色工具吧!
之前格格学姐为大家整理了
2020年第一波实用设计工具合集 | 干货
免费可商用!这些宝藏网站,绝对是设计师的必备
今天再次为大家精选了一些超棒的在线配色工具
亲测实用,强推!
Color — Cloudflare Design
https://cloudflare.design/color/
一个专为UI设计师创建的配色工具,简单易操作。可以通过网址导入生成配色方案,也可以在上方设置自己想要的配色,下方就会展示相应的界面
同时,它还包含超多种配色方案,风格多样,会自动变化,绝对可以激发你的灵感!遇到喜欢的,点击展示界面上方的暂停键,然后点击❤,即可收藏。
下面还有设置区域,可调整边框宽度、板块间距,上面同样会出现相应的变化。并且展示了界面配色的详细信息,可以说是超实用啦!
Colorable
https://colorable.jxnblk.com/
它也是一款非常实用的配色工具,可以自己设置,查看展示效果。同时,Colorable 还可以自动生成配色组合,包括排版所需的文字及背景颜色,这些颜色不是随机显示,而是真正符合 WCAG(网页内容无障碍指南)规范的
点击左下角的Random,即可展示多种风格的配色方案。点击Reverse,背景色和文字颜色就会互换。应有尽有的配色方案,绝对可以给予你源源不断的灵感!
Scale
https://hihayk.github.io/scale/
Scale是一款快速色标生成器,也可以快速生成文字和背景的配色方案。不过与Colorable不同的是,生成一种配色方案后,在Background处可以挑选6种推荐的背景颜色,查看不同的效果,无需更换全部配色。
同样的,用户也可以自主进行配色更改。下方可以自定义深色和浅色的数量,并可以具体设置明暗度、色度角、饱和度。Scale可谓是既提供了灵感,又方便了使用者对其进行调整,真是贴心又实用!
Muzli Colors
https://colors.muz.li
Muzli Colors的首页就提供了多种主色调选项,以及一些流行的配色方案。
选择好后,还可进行预览,有明暗两种界面。
对待展示界面,也可以根据需要,进行配色调整,并下载自定义UI工具包。对UI设计师来说,实在是太友好了!
ColorSpace
https://mycolor.space/
Color Space是一款非常实用的渐变生成器。只需要选择一个颜色,就可以快速生成20~30种不同风格的配色方案,并展示在下方
点击右上角的梯度,可以进行渐变效果预览。可以选择不同的两种或三种颜色,以及9种渐变方式。可以说,有了这个工具,渐变设计就再也不用愁啦!
Pigment
https://pigment.shapefactory.co/
Pigment可以在左侧设置饱和度、色温以及色系,并生成超多种配色方案。选择一种后,可以进行进一步调整。
在右上角的More Action中,还可以查看不同配色的配色场景图片,以及渐变预览,还可以设置渐变角度,并查看超多种渐变方案推荐。
Site Palette
http://palette.site/
Site Palette可以说是一款,设计师和前端开发人员必备的谷歌插件!它可以自动吸取网站的主要颜色,帮助我们建立色板,以及寻找相关配色的图片,并一键下载配色方案。
Eva Design System
https://colors.eva.design/
Eva Design System是一个基于深度学习算法的配色网站,可以用他给我们的产品或品牌生成一个系统的配色方案。可以进行品牌颜色的选择,然后可以根据需要,对推荐的配色方案进行调整。
Adobe Color
https://color.adobe.com/create
Adobe Color可以在左侧选择相似、互补、三原色等不同色彩规则,并通过移动色轮上的取色按钮,或输入自定义色值,创造出不同的配色方案。除此之外,它还支持CMYK、RGB、HSV多种色彩模式的配色调整。
LOL Colors
https://www.webdesignrankings.com/resources/lolcolors/
LOL Colors是一款可爱的配色网站,色彩大多明快清新,鼠标悬停在颜色上,即显示色值,方便收藏色卡。
Gradient Hunt
https://gradienthunt.com/
Gradient Hunt是一个免费开放的色彩灵感平台,有数千种时尚的颜色渐变,支持png模式的下载,并且每天都会更新~看看大家上传的渐变方案,为自己提供一些灵感吧~
今天的分享就到这里啦~
更多分享点这里 ↓
2020年7个设计趋势,不懂就OUT啦!
设计太单调,想提升层次感?资深设计师总结了这些tips
为什么莫兰迪色如此高级?(含PPT模板、壁纸福利!)
看似简单的渐变,你用出高级感了没?
业界“奥斯卡” 2020 Communication Arts插画奖公布获奖名单
如果你还有什么设计类相关问题或者推荐内容,都可以到后台留言给我吼~期待与你的交流~
扫我扫我 ?
听说,优秀的小伙伴早就点啦~?