彩在设计中是十分重要的,随着设计技术的发展和演变,美丽的渐变色也愈来愈受大家喜爱。但是要迅速地配出满意的渐变色需要不少时间,所以今天给大家分享一些快速生成渐变色的网站,真的非常实用又方便~
https://mycolor.space/
如果你喜欢渐变风格的创作,那么一定要试试这个网站。你只需要选择一个颜色,就可以快速生成20多种不同风格的配色方案。
比如选择了如图所示的RGB值,就会出现下面25种配色方案。
部分方案展示
https://webgradients.com
WebGradients有100多种线性渐变配色方案,网站任何部分的内容背景都可以使用这些配色方案。使用时,只需要轻松复制色值,而且每个渐变色方案都准备了PNG格式的图片可供下载。
https://gradientbuttons.colorion.co
这个网站里面有很多种渐变色按钮,鼠标移动的时候,可以查看悬停的动画效果。还可以一键复制 css代码,非常方便。
uigradients.com/
Uigradients收藏了将近上百种渐变配色方案,可以说是一个以分享美丽渐变色彩为主的网站。它有几百种渐变配色方案,可以根据自己的需求来选择使用。
https://webkul.github.io/coolhue/sketch-plugin
Swatch是一款免费的渐变配色插件和收集工具,可以下载使用。
https://www.eggradients.com/
可以叫它「美妆蛋」神器,因为它就是用鸡蛋的形状来展示各种渐变的,很有意思。目前该平台有超过 200 种渐变方案,每一种的色彩都很美丽,建议收藏。
https://gradienta.io/
它是一个免费 CSS 渐变色背景生成工具,且渐变方案完全开源免费,可个人使用也可商用。
超过 100多款精心制作的渐变色背景,并且都可作为 CSS 代码、SVG 和 JPG 图像格式使用。
部分展示
https://products.ls.graphics/mesh-gradients/
Mesh Gradients提供了超过100套精美渐变色彩,有普通渐变,也有彩虹渐变。
每一个右上角都有一个下载按钮,可以直接下载。格式也不同,包括AI、JPS、PNG等格式。
https://coolbackgrounds.io/
它除了提供渐变色背景图像外,也有多种带纹理的背景图像效果可用。比较适合正式商务风格、成熟风格。
https://duotones.co
在这个网站里面上传图片,可以生成双色调效果。如果不喜欢当前效果,还可以调整对比度跟亮度。并且生成的图片可以下载和复制色值。
以上是关于
渐变色网站的收集整理
希望对大家有所帮助
是否在设计PPT、海报或是摄影时有纠结过配色问题?
今天带来的是20个免费好用的配色网站,并且我把这些网站做了分类,可以应对各类配色需求,希望可以帮你解决配色烦恼
如果你已经有确定的主色,需要寻找搭配的辅色,那下面这些网站最适合不过啦。
1.Adobe Color
https://www.adobe.com/cn/products/color.html
Adobe官方配色库,不仅有适合各个场景的配色方案,在<探索>板块中还能找到现成的配色组合。
2.Palettable
https://www.palettable.io/
输入你的主色,网站会智能匹配合适的辅色,通过点击<like>新增配色,点击<dislike>切换配色。
3.Colordot
https://color.hailpixel.com/
与上一个网站功能一样,但在交互上有所区别,通过移动鼠标,网站会显示不同的搭配色彩。
4.ColorHexa
https://www.colorhexa.com/
颜色界中的百度,在搜索框中输入颜色数值,网站即会推荐配色方案,但数量不多可作为备选。
如果还没确定用什么颜色,可以看一下这些网站上已经搭配好的颜色组合,每个组合都有四种颜色构成。
1.Colorhunt
https://colorhunt.co/
推荐理由:网站上有非常多的配色组合,几乎每天都有更新,可以根据点赞数、上线时间进行排序,快速查看最近流行的配色趋势。
2.Colordrop / Lolcolors
https://www.colordrop.io/
https://www.webdesignrankings.com/resources/lolcolors/
如果在Colordrop没有找到喜欢的组合,可以再去上面两个网站试试但她们有段时间没更新了,可以作为你的PlanB(备选)
如果想做中国风或是日系风格的设计,那下面这两个网站一定不能错过。
中国色 / Nipponcolors (日本色)
http://zhongguose.com/
http://nipponcolors.com/
在中国和日本的文化中都有非常传统经典的配色,而上面的网站像一幅画卷一样向我们生动展现着这些宝藏色彩,中国色,庄重中带着优雅,水墨丹青、如诗如画;日本色,文艺中带着清新,有着樱花般的浪漫。2个网站可以为你的设计带来不同的文化气息。
配色灵感不仅可以来源于设计,还可以来源于生活,比如艺术画作、日常摄影等
1.colorleap
https://colorleap.app/
网站像- -座艺术博物馆,展览着各个时代经典的艺术作品,在告知我们当时流行颜色的同时,也在讲述着- -段段精彩的历史。
2.illustrations
https://undraw.co/illustrations
一个免费的插画素材网站,不仅可以直接下载素材,而且还可以把这些插画作为配色参考,每一副作品都堪称教科书般的配色教学。
3.Design-seeds
https://www.design-seeds.com/
除了设计以外,摄影对配色的应用也非常重了,网站上有着各类风景照片以及对应的颜色色值,或许可以给你一些色彩上的启发。
什么是莫兰迪色系?
基础介绍:莫兰迪是一位20世纪意大利画家,他一生淡泊名利,安静朴素,他的画也反映着他的性格,低调柔和,不张扬、不艳丽,有点灰蒙蒙的感觉,但又特别舒适耐看。莫兰迪色系俗称高级灰,它并不代表一种特定颜色,而泛指那些低饱和度、拥有灰色优雅质感的颜色色系。
实战应用:
好啦,今天的讲解到这里就结束啦,感兴趣的同学一起来学习呀
平面插画素材应有尽有
有需要的直接找我私信发“插画素材”或者“设计素材”获取:
用HTML的颜色代码,您可以设置网站的背景、文字颜色的颜色、表格单元格颜色、CSS样式表中众多元素的颜色搭配等等,不仅可以使用#80BFFF和颜色的英文名称(red)这样的代码,还能使用RGBA、HSLA等带透明通道的颜色代码。
网页配色使用背景的HTML颜色代码:<body bgcolor="#80BFFF">
网页配色使用文字的HTML颜色代码:<font color="#80BFFF">
网页配色使用表格的HTML颜色代码:<table bgcolor="#80BFFF">
网页配色使用连接的HTML颜色代码:<a style="color:#80BFFF">
网页配色使用CSS背景的HTML颜色代码:.bgcolor{backgroun:#FF0000;}
网页配色使用CSS文字颜色的HTML颜色代码:.txtcolor{color:#424242;}
常见色彩搭配问题解答
紫色配什么颜色好看?
墨绿色配什么颜色好看?
粉色配什么颜色好看?
绿色配什么颜色好看?
蓝色配什么颜色好看?
橙色配什么颜色好看?
玫红色配什么颜色好看?
咖啡色配什么颜色好看?
红色配什么颜色好看?
天蓝色配什么颜色好看?
卡其色配什么颜色好看?
驼色配什么颜色好看?
浅绿色配什么颜色好看?
橘红色配什么颜色好看?
橘色配什么颜色好看?
紫色配什么颜色好看
紫色配黄色系,视觉冲击力强,会使人眼前一亮;蓝色系,比较协调、不张扬。
#F1B000
#5C0C7B
#7B76AC
#2059A6
墨绿色配什么颜色好看
墨绿色比较沉稳,可以搭配活泼跳跃一点的颜色,黄色是绿色的临近色,应该搭配不成问题,只有穿的场合问题,天蓝色配个今年流行的撞色也不错啊!
#669934
#346633
#65CC66
#0099CB
粉色配什么颜色好看
粉色这类颜色的组合多用于女性主题,例如:化妆品、服装等,鲜嫩而充满诱惑,传达着柔情、娇媚、温柔、甜蜜、纯真、诱惑的心理感受。
#FE6767
#FFCC9A
#FF6766
#CB3398
绿色配什么颜色好看
当绿色搭配同色系的亮色如柠檬黄绿、嫩草绿或白色,会给人清爽、生动的感觉;当绿色与暖色系的黄色或橙色相配,会有青春、活泼之感。而绿色与蓝色、紫色或黑色相配时,高贵华丽,但是最好不要过多使用。
#346633
#669934
#9ACC99
#D6E6B5
蓝色配什么颜色好看
蓝色搭配:在所有颜色中,蓝色服装最容易与其他颜色搭配。不管是近似于黑色的蓝色,还是深蓝色,都比较容易搭配,而且,蓝色具有紧缩身材的效果,极富魅力。
#30588C
#77C3F2
#B6DBF2
#3A758C
橙色配什么颜色好看
橙色是欢快活泼的光辉色彩,是暖色系中最温暖的色,它使人联想到金色的秋天,丰硕的果实,是一种富足、快乐而幸福的颜色。橙色稍稍混入黑色或白色,会变成一种稳重、含蓄又明快的暖色,但混入较多的黑色,就成为一种烧焦的色;橙色中加入较多的白色会带来一种甜腻的感觉。
橙色明视度高,在工业安全用色中,橙色即是警戒色,如火车头,登山服装,背包,救生衣等,橙色一般可作为喜庆的颜色,同时也可作富贵色,如皇宫里的许多装饰。橙色可作餐厅的布置色,据说在餐厅里多用橙色可以增加食欲。
橙色与浅绿色和浅蓝色相配,可以构成最响亮、最欢乐的色彩。橙色与淡黄色相配有一种很舒服的过渡感。橙色一般不能与紫色或深蓝色相配,这将给人一种不干净、晦涩的感觉。由于橙色非常明亮刺眼,有时会使人有负面低俗的意象,这种状况尤其容易发生在服饰的运用上,所以在运用橙色时,要注意选择搭配的色彩和表现方式,才能把橙色明亮活泼具有口感的特性发挥出来。
*请认真填写需求信息,我们会在24小时内与您取得联系。