整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

渐变色不会调?这10个网站帮你快速搞定

渐变色不会调?这10个网站帮你快速搞定

彩在设计中是十分重要的,随着设计技术的发展和演变,美丽的渐变色也愈来愈受大家喜爱。但是要迅速地配出满意的渐变色需要不少时间,所以今天给大家分享一些快速生成渐变色的网站,真的非常实用又方便~


ColorSpace

https://mycolor.space/

如果你喜欢渐变风格的创作,那么一定要试试这个网站。你只需要选择一个颜色,就可以快速生成20多种不同风格的配色方案。



比如选择了如图所示的RGB值,就会出现下面25种配色方案。


部分方案展示


WebGradients

https://webgradients.com

WebGradients有100多种线性渐变配色方案,网站任何部分的内容背景都可以使用这些配色方案。使用时,只需要轻松复制色值,而且每个渐变色方案都准备了PNG格式的图片可供下载。



GRADIENT BUTTONS

https://gradientbuttons.colorion.co

这个网站里面有很多种渐变色按钮,鼠标移动的时候,可以查看悬停的动画效果。还可以一键复制 css代码,非常方便。



Uigradients

uigradients.com/

Uigradients收藏了将近上百种渐变配色方案,可以说是一个以分享美丽渐变色彩为主的网站。它有几百种渐变配色方案,可以根据自己的需求来选择使用。



CoolHue 2.0

https://webkul.github.io/coolhue/sketch-plugin

Swatch是一款免费的渐变配色插件和收集工具,可以下载使用。


Eggradients

https://www.eggradients.com/

可以叫它「美妆蛋」神器,因为它就是用鸡蛋的形状来展示各种渐变的,很有意思。目前该平台有超过 200 种渐变方案,每一种的色彩都很美丽,建议收藏。



Gradienta

https://gradienta.io/

它是一个免费 CSS 渐变色背景生成工具,且渐变方案完全开源免费,可个人使用也可商用。



超过 100多款精心制作的渐变色背景,并且都可作为 CSS 代码、SVG 和 JPG 图像格式使用。


部分展示


Mesh Gradient

https://products.ls.graphics/mesh-gradients/

Mesh Gradients提供了超过100套精美渐变色彩,有普通渐变,也有彩虹渐变。



每一个右上角都有一个下载按钮,可以直接下载。格式也不同,包括AI、JPS、PNG等格式。



Cool Background

https://coolbackgrounds.io/

它除了提供渐变色背景图像外,也有多种带纹理的背景图像效果可用。比较适合正式商务风格、成熟风格。



Duotones

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

橙色配什么颜色好看

橙色是欢快活泼的光辉色彩,是暖色系中最温暖的色,它使人联想到金色的秋天,丰硕的果实,是一种富足、快乐而幸福的颜色。橙色稍稍混入黑色或白色,会变成一种稳重、含蓄又明快的暖色,但混入较多的黑色,就成为一种烧焦的色;橙色中加入较多的白色会带来一种甜腻的感觉。

橙色明视度高,在工业安全用色中,橙色即是警戒色,如火车头,登山服装,背包,救生衣等,橙色一般可作为喜庆的颜色,同时也可作富贵色,如皇宫里的许多装饰。橙色可作餐厅的布置色,据说在餐厅里多用橙色可以增加食欲。

橙色与浅绿色和浅蓝色相配,可以构成最响亮、最欢乐的色彩。橙色与淡黄色相配有一种很舒服的过渡感。橙色一般不能与紫色或深蓝色相配,这将给人一种不干净、晦涩的感觉。由于橙色非常明亮刺眼,有时会使人有负面低俗的意象,这种状况尤其容易发生在服饰的运用上,所以在运用橙色时,要注意选择搭配的色彩和表现方式,才能把橙色明亮活泼具有口感的特性发挥出来。