干货分享4个免费的渐变配色网站（干货分享4个免费的渐变配色网站）
干货分享4个免费的渐变配色网站（干货分享4个免费的渐变配色网站）gradient.shapefactory.co/Webgradients 大概拥有 180 种渐变配色，在首页点击色块即可全屏显示当前配色方案；同样，在底部可以复制 16 进制色值以及 CSS 代码，点击色块右上角，即可下载 PNG 格式图片。uigradientsUigradients 也是一款简单的配色网站。点击左上角的菜单，即可显示所有内容。通过不同颜色选择不同配色。点击右上角的方向箭头，可以旋转配色角度；点击代码按钮，可以复制它的 Css 代码，用于其他设计。点击下载按钮，即可获得一张足够分辨率的 JPG 图片。当然，你还可以直接点击顶部的色值，复制 16 进制色值。webgradients/
无论是做影视片子，还是海报设计，都需要配色，别人做出来的都很高大上，而不懂配色的你，做出来的都是这样的、这样的……（自己脑补画面）
如果没有配色基础，或者对色彩搭配并不敏感，有了这些在线工具，可以让你获得不错的比旁人高级的渐变配色方案。
1：CoolHuewebkul.github.io/coolhue/
CoolHue 首页大概有 60 种渐变色背景，当然，这个数目会持续增加。选择你中意的配色方案，点击下载即可获得一张适当分辨率的方形 PNG 图片。点击代码图标，可以复制该渐变色的 Css3 语法。在一些网页设计中，直接应用，相比上传渐变色图片，更省流量。下方可以直接复制 16 进制代码，用于 PPT 或者 PS ，甚至电脑画图程序当中。
uigradients
Uigradients 也是一款简单的配色网站。点击左上角的菜单，即可显示所有内容。通过不同颜色选择不同配色。点击右上角的方向箭头，可以旋转配色角度；点击代码按钮，可以复制它的 Css 代码，用于其他设计。点击下载按钮，即可获得一张足够分辨率的 JPG 图片。当然，你还可以直接点击顶部的色值，复制 16 进制色值。
webgradients/
Webgradients 大概拥有 180 种渐变配色，在首页点击色块即可全屏显示当前配色方案；同样，在底部可以复制 16 进制色值以及 CSS 代码，点击色块右上角，即可下载 PNG 格式图片。
gradient.shapefactory.co/
Gradients of Shapefactory 其实是整个网站的功能之一，其他功能你可以自行去发掘。整个界面显示当前色系的不同渐变颜色；点击色盘，更改色系。拖动左边的球形按钮，可以改变色度和亮度；鼠标放在某一色块上，点击圆圈并旋转拖动可以改变渐变色的角度。同样可以复制 16 进制色值，以及 CSS 代码；点击图片，可以看到全局。
以上就是这4大渐变配色网站，希望以上的内容对你们有帮助，如果你们有更好的网站推荐，可以评论或私信给我，同时也记得分享转发呦~
