Web Gradients官网 - Web Gradients 收录180种高品质线性渐变配色方案，支持一键复制CSS代码、下载PSD和Sketch文件。项目在GitHub开源（4万+Star），可通过npm安装全量CSS渐变库。前端开发者和设计师必备的渐变配色资源站，免费商用。

Web Gradients 是一个专注于渐变配色方案的免费在线资源库，收录了 180 种精心设计的线性渐变色彩组合。每种渐变色都以精美的圆形色球展示在首页，点击即可进入全屏预览模式，沉浸式感受渐变效果。Web Gradients 不仅是配色灵感的来源，更是前端开发者的效率工具——每种渐变色都提供可直接复制使用的 CSS 代码（兼容所有现代浏览器），同时支持下载 PSD 和 Sketch 格式文件，方便在设计软件中直接使用。此外，项目在 GitHub 上开源了完整的 CSS 渐变样式库，开发者可以通过 npm 安装并在项目中一键调用所有渐变方案。

常见问题

建议用手机浏览器打开“Web Gradients官网”。有可能微信或者QQ屏蔽了“Web Gradients”网站，首先保证网址是从浏览器或手机浏览器打开的，因为微信和QQ会屏蔽一些未备案或敏感站点。
建议使用不会屏蔽网址的浏览器。如果浏览器提示“Web Gradients”该网站违规，并不是网站真的违规了，而是浏览器的厂商屏蔽了这个网址。推荐使用原生态不会屏蔽网站的浏览器，例如苹果可以使用自带的Safari、Chrome浏览器等。
其次打不开“Web Gradients官网”可能是网络问题。好的网站会针对三大运营商（电信、移动、联通）进行优化，所以小网站会遇到一些网络打不开。可以来职场人导航寻找“Web Gradients”的最新网址、“Web Gradients官网”首页和“Web Gradients官网”备用网址。一劳永逸、永不迷路，我们推荐使用加速器（将自己的网络切换成更稳定的运营商，比如电信）。部分网站需要科学上网（不推荐）。

以上三点均能解决99.99%网站打不开的问题了。你还可以在下方点评对这个网站或产品做出评价，帮助更多人了解细节。

收录180种精心设计的线性渐变配色方案，提供一键复制CSS代码和PSD/Sketch文件下载，开源CSS库可通过npm安装使用。

官网地址：https://webgradients.com/。目前已经有（7）人浏览过 [Web Gradients]，这个网站，广受网友们的一致好评。