还在为满意的渐变色发愁吗?10+个网站帮你愉悦搞定 | 建议收藏

简介: 还在为满意的渐变色发愁吗?10+个网站帮你愉悦搞定 | 建议收藏

前言🎄


前端开发中,色彩的搭配非常重要,好的色彩设计会给网站增光添彩,让用户一看上去就感觉心情愉悦;坏的色彩~~~


随着设计技术的进步,渐变颜色在色彩设计中越来越受欢迎,但想设计出满意的渐变色并不容易(切实体会,感觉自己设计的颜色真的丑的离谱)。


前几天小包在使用 CSS 绘制口红时,迟迟就选不出合适的颜色,甚至小包一度对自己的审美产生了质疑,小包,你真是做前端的吗?


最终小包也没能解决自身审美的问题,但小包会用搜索啊,互联网大法好,下面咱们来一起看看小包的书签存货加度娘的成果吧。


如果大家有更好的渐变色网站,一定要评论告诉一下小包,感谢!💖


Eggradients 🥚


传送门: Eggradients


Eggradients 是非常可爱的一个网站,所有的渐变配色都通过鸡蛋的形式展示,very cute,展示效果看起来像一堆美妆蛋神器Eggradients 提供 200 多种美妆蛋,每种美妆蛋配色方案都可以通过右下角 Copy CSS 获取,强烈建议收藏。


每当你感到不快,就可以看看可爱的美妆蛋,精致的鸡蛋,炫彩的颜色,生活如此美丽,世界如此多娇,要合理的卷,别做冲动的事情。

image.png

Gradients of Shapefactory 🌿


传送门: Gradients of Shapefactory


Gradients of Shapefactory 提供特别多种渐变配色方案(具体我没数清楚),支持在线调整渐变角度、亮度、饱和度等,并且左侧栏有调色板功能可以选择渐变的基色调。不可多得的渐变配色网站,强烈建议收藏。


image.png

image.png

Grabient 🌷


传送门: Grabient


Grabient 提供 25 种渐变配色方案,但 Grabient 提供的配色方案的自由度超高,支持在线调整渐变角度、添加渐变颜色、调整渐变色位置等,因此可以根据所需在原有配色的基础上自由扩展。

image.png

ColorSpace 🌳


传送门: ColorSpace


ColorSpace 是基于渐变风格创作,操作比较简单,只需要输入一种颜色(16进制),就可以生成几十种不同的渐变配色方案


比如我输入黑色(#000000),点击 generate ,就可以生成几十种颜色,拥有 ColorSpace ,你就相当于拥有了一个渐变配色库。


image.png

image.png

WebGradients 🍃


传送门: WebGradients


WebGradients 提供 180 种渐变方案,如果你相中了某种配色方案,可以直接点击右下角的 Copy CSS 选项获取配色方案,也可以点击右上角下载 png 格式预览一下。


WebGradients 提供的配色方案大多比较淡雅、清新,很适合用来做网站的背景色。


image.png

Uigradients


传送门: Uigradients


Uigradients 大约提供了 300 多种配色方案,但 Uigradients 配色方案使用的渐变实现大多为均分实现(几种颜色就把100%分成几份),配色方案颜色大多比较炽烈。


image.png

CoolHue 🌾


传送门: CoolHue


CoolHue 提供 50 多种配色方案,并且提供一款免费的渐变配色插件和收集工具 Swatch。具体配色方案可以通过控制台 F12 获取。


image.png

Gradienta 🌴


传送门: Gradienta


Gradienta 提供 182 中渐变配色方案,支持 CSS、SVG、JPG 三种格式。最重要的是,Gradienta 提供的配色方案不仅仅是几种单调颜色,而更像一副精心设计的画卷,由多种配色和团构成,巧夺天工,但有好多背景略显抽象~~~


image.png

Mesh Gradient


传送门: Mesh Gradient


Mesh Gradient 提供 100 多种渐变配色方案,有普通颜色渐变,也有炫酷的彩虹渐变,相比较于 GradientaMesh Gradient 显得比较优雅,清淡一些,建议收藏。


image.png

Cool Background 🥦


传送门: Cool Background


Cool Background 不算是完全的渐变配色网站,除了提供渐变配色以外,还提供很多纹理背景图、比较炫酷的背景实现方案(例如粒子背景)等,比较适合正式商务风格、比较成熟一点的风格。


image.png


Duotones 🌵


传送门: Duotones


Duotones 提供 17 种配色方案,但 Duotones 主要功能是为图片添加类似滤镜功能,双色调效果,同时可以调整对比度与亮度。


image.png

image.png



相关文章
|
9月前
【10秒在圣诞节做出温馨的圣诞树】
【10秒在圣诞节做出温馨的圣诞树】
|
1月前
|
Python
【分享代码】国庆氛围不能少,快来给头像加个国旗
【分享代码】国庆氛围不能少,快来给头像加个国旗
29 0
|
1月前
|
开发者
不会美术也能做出好看的游戏
不会美术也能做出好看的游戏
37 0
|
前端开发 程序员 容器
颜值即正义,献礼就业季,打造多颜色多字体双飞翼布局技术简历模板(Resume)
一年好景君须记,最是橙黄橘绿时。金三银四,秣马厉兵,没有一个好看的简历模板怎么行?无论是网上随便下载还是花钱买,都是一律千篇的老式模版,平平无奇,味同嚼蜡,没错,蜡都要沿着嘴角流下来了。本次我们基于Html和Css3打造一款独立实现的高颜值简历模板,就像看岛国的爱情片儿一样,也许你会找自己喜欢的主题和类型,但最终,还是要看脸。
颜值即正义,献礼就业季,打造多颜色多字体双飞翼布局技术简历模板(Resume)
|
开发者
不会美术如何做出好看的游戏
我不会美术怎么做游戏嘞?这也是一个经常有人问的问题,尤其是对于很多的技术而言,想要自己做个游戏,却苦于自己搞不定美术,上网找素材,东拼西凑看起来缺乏整体性,找人画的话价格昂贵,找美术合作的话,又不太容易找的到合适的。 那对于不会美术的人来讲,是不是就做不出游戏了?或者说就做不出好看的游戏了?当然不是。
116 0
|
图形学
如何做出好看的粒子效果
嗨!大家好,我是小蚂蚁。 微信小游戏制作工具提供了简单的粒子插件,使用起来简单明了(如果你用过Unity的粒子组件就知道这个有多简单明了了),虽然功能相对简单,可设置的属性也有限,但是我们仍然能够用它在游戏中做出漂亮的效果。 比如说在彩虹星球大冒险中,所有的爆炸都是使用的粒子效果来实现的。
104 0
|
SQL 算法 数据挖掘
[这是个无比吸引人的标题+文末彩蛋]
[这是个无比吸引人的标题+文末彩蛋]
|
存储 开发框架 移动开发
WebAPIs移动端特效——不看你就亏大了
WebAPIs移动端特效——不看你就亏大了
WebAPIs移动端特效——不看你就亏大了
|
前端开发 JavaScript API
刮刮卡效果实现
公司国庆搞了个集卡、抽奖小活动。抽奖需要刮刮卡的效果,感觉 css 是实现不了。看我使用 canvas 如何实现刮刮卡效果。 废话不多说,线上效果 jsrun-测试地址 、 lilnong.top-测试地址
138 0
通通玩blend美工(3)——可爱的云
原文:通通玩blend美工(3)——可爱的云   好久没有写这个系列的博客了,这里给个电梯吧,照顾新来的同学~~ 通通玩blend美工(1)——荧光Button 通通玩blend美工(2)——时钟     目前我在广州出差,一直细雨绵绵,闷得慌,仰望天空,大雾笼罩,看不见蓝天白云甚至太阳,怪不得昆明的房价涨这么高...... 最终效果如下: ←是不是很想把它捧在手里,来清爽一下,北方的同学也可以先放冰箱里,夏天再用。
912 0