(自用)前端颜色搭配【渐变色】

1.Eggradients   

传送门

可以通过右下角 Copy CSS 获取

2.Gradients of Shapefactory 

传送门

支持在线调整渐变角度、亮度、饱和度等,并且左侧栏有调色板功能可以选择渐变的基色调

3.Grabient ❀

传送门

配色方案的自由度超高,支持在线调整渐变角度、添加渐变颜色、调整渐变色位置

4.ColorSpace 

传送门

基于渐变风格创作,操作比较简单,只需要输入一种颜色(16进制)

就可以生成几十种不同的渐变配色方案

比如我输入黑色(#000000),点击 generate ,就可以生成几十种颜色

5.WebGradients

传送门

可以直接点击右下角的 Copy CSS 选项获取配色方案,可以点击右上角下载 png 格式预览一下

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

6.Uigradients

传送门

配色方案颜色大多比较炽烈

7.CoolHue 

传送门

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

8.Gradienta 

传送门

Gradienta 提供 182 中渐变配色方案,支持 CSS、SVG、JPG 三种格式。

Gradienta 提供的配色方案不仅仅是几种单调颜色,而更像一副精心设计的画卷,由多种配色和团构成

9.Mesh Gradient

传送门

有普通颜色渐变,也有炫酷的彩虹渐变,属于优雅,清淡类

10.Cool Background

传送门

提供渐变色还有很多纹理背景图、比较炫酷的背景实现方案(例如粒子背景)等,比较适合成熟或者商务风格

11.Duotones 

传送门

主要功能是为图片添加类似滤镜功能,双色调效果,同时可以调整对比度与亮度

你可能感兴趣的:(前端,css)