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

在这个网站里面上传图片，可以生成双色调效果。如果不喜欢当前效果，还可以调整对比度跟亮度。并且生成的图片可以下载和复制色值。

以上是关于

渐变色网站的收集整理

希望对大家有所帮助

CSS颜色搭配（超级赞的几个网站）相关推荐

学习CSS提高了对颜色搭配、衣服搭配等的能力
在学习CSS的过程中颜色搭配也是一个不容忽视的重点,怎样才能搭配出好看的颜色也是要花费一定的心血. 刚好我学过一门课叫人因工程,其中讲到过颜色如何搭配,比如冷色.暖色和混合比例等等,以及这些搭配会对人 ...
2020-06-28 html的实现页面锁屏 + css的BFC与float + js的立即执行函数写法 + 颜色搭配
2020-06-28 题目来源:http://www.h-camel.com/index.html [html] 实现一个页面锁屏的功能锁屏的最终效果就是退出登录,思路是点击锁屏按钮等操作时使t ...
[转] CSS 颜色名
[From] http://www.w3school.com.cn/cssref/css_colornames.asp CSS 颜色名所有浏览器都支持的颜色名. HTML 和 CSS 颜色规范中定义 ...
颜色搭配、前端素材模板、JS、MUI、java、微信小程序相关地址
学习 Web 开发 | MDN 前端新手必看网站 http://www.html580.com/daohang/ HTML源码精选前端网站大全从html.css到 js,WEB前端开发在线学习视 ...
十大网站布局和颜色搭配评析
All above from Wucaijuan. 配色方案: 一.红色的色感温暖,性格刚烈而外向,是一种对人刺激性很强的色.红色容易引起人的注意,也容易使人兴奋.激动.紧张.冲动.还是一种容易造成人 ...
CSS单位分析及CSS颜色表示法、颜色表（调色板）
CSS单位主要分析em.rem.fr这三个较难理解的单位吧,平常的px.%.cm那些就不谈了嘛. px在不同场景之下为同样的值,我们把它称作绝对单位,而em和rem受外部因素的影响下而改变,因此称作相 ...
【CSS进阶】CSS 颜色体系详解
说到 CSS 颜色,相比大家都不会陌生,本文是我个人对 CSS 颜色体系的一个系统总结与学习,分享给大家. 先用一张图直观的感受一下与 CSS 颜色相关大概覆盖了哪些内容. 接下来的行文内容大概会按照 ...
2015年网页设计最佳颜色搭配的9种选择
2019独角兽企业重金招聘Python工程师标准>>> 2015年网页设计最佳颜色搭配的9种选择还在为你的网站选用哪种色调发愁,难易选择吗?本篇为你总结了2015年国外网友设计最佳 ...
javafx css颜色_JavaFX技巧7：使用CSS颜色常量/派生颜色
javafx css颜色在使用FlexCalendarFX时,我不得不定义一组颜色以可视化不同颜色的不同日历的控件. 每个日历不仅提供一种颜色,还提供几种:用于取消选择/选定/悬停状态的背景和文本颜 ...
怎么设置php的css颜色代码,CSS的文本字体颜色如何设置
这里要介绍的是网页设置颜色包含有哪些:网页颜色规定规范. 1.常用颜色地方包含:字体颜色.超链接颜色.网页背景颜色.边框颜色 2.颜色规范与颜色规定:网页使用RGB模式颜色网页中颜色的运用是网页必不 ...

CSS颜色搭配（超级赞的几个网站）