# 漂亮的 css3 渐变色

**URL:** <https://meta.appinn.net/t/topic/3632>\
**Category:** 青蛙的应用\
**Tags:** css\
**Created:** [2017 年6 月 21 日 13:34 UTC](https://meta.appinn.net/t/topic/3632 "2017-06-21T13:34:05Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

作者： ![Qingwa](https://meta-edge.appinn.com/user_avatar/meta.appinn.net/qingwa/32/58632_2.png) [@Qingwa](https://meta.appinn.net/u/Qingwa)\
发布日期： [2017 年6 月 21 日 13:34 UTC](https://meta.appinn.net/t/topic/3632/1 "2017-06-21T13:34:05Z")

</div>

![](https://meta.appinn.net/uploads/default/original/2X/2/293c25ed8cfe1d1c61673edcdd323d2be37cc68d.jpg)

能复制 CSS3 代码和直接下载背景图片

[https://webkul.github.io/coolhue](https://webkul.github.io/coolhue)

---

<div class="post-metadata">

作者： ![allor](https://meta-edge.appinn.com/user_avatar/meta.appinn.net/allor/32/1268_2.png) [@allor](https://meta.appinn.net/u/allor)\
发布日期： [2017 年6 月 21 日 14:48 UTC](https://meta.appinn.net/t/topic/3632/2 "2017-06-21T14:48:17Z")

</div>

颜色漂不漂亮还得看周边配色。  
这些色样卡去掉那细白边和阴影，观感肯定不同。

我试过用FUI制作Foobar皮肤（仿chrome，无限期搁置），做标题栏时蓝色渐变怎么调都不满意。因为这标题栏耽搁太多时间了，所以决定先上了个顺眼点的浅蓝色（纯色），把工具、播放列表、按键之类的都弄出来再调整配色。结果等其他部件弄好（也是随便上的素白素黑素灰），一看，卧槽，标题栏怎么看起来自带渐变效果了……  
后来想过原因，估计是窗口外的桌面背景（深色）→标题栏（浅蓝）→工具栏（素灰）→列表（素白），这个色深变化影响了视觉的脑内修正（视觉欺骗）。

---

<div class="post-metadata">

作者： ![floraevista](https://meta-edge.appinn.com/letter_avatar_proxy/v4/letter/f/57b2e6/32.png) [@floraevista](https://meta.appinn.net/u/floraevista)\
发布日期： [2024 年11 月 19 日 06:08 UTC](https://meta.appinn.net/t/topic/3632/3 "2024-11-19T06:08:10Z")

</div>

After 7 years, Today I will share with you a amazing [Gradient Color Generator Tool](https://notioncolors.com/gradient-color-generator/).

I believe you will love this Tool.

---

<div class="post-metadata">

作者： ![Qingwa](https://meta-edge.appinn.com/user_avatar/meta.appinn.net/qingwa/32/58632_2.png) [@Qingwa](https://meta.appinn.net/u/Qingwa)\
发布日期： [2024 年11 月 19 日 06:09 UTC](https://meta.appinn.net/t/topic/3632/4 "2024-11-19T06:09:38Z")

</div>

我一直以为你是一个老外用户。

没想到啊，你是一位 SEO 用户

---

<div class="post-metadata">

作者： ![floraevista](https://meta-edge.appinn.com/letter_avatar_proxy/v4/letter/f/57b2e6/32.png) [@floraevista](https://meta.appinn.net/u/floraevista)\
发布日期： [2024 年11 月 19 日 06:11 UTC](https://meta.appinn.net/t/topic/3632/5 "2024-11-19T06:11:04Z")

</div>

> [@Qingwa](#):
>
> I didn’t expect you to be an SEO user.

:slightly_smiling_face::slightly_smiling_face: