Dear color lovers – together, we’ll have a more colorful future. Support us on

✕

颜色渐变 "#F14997 - #061C125E - #FCFCFC"

将获救...

这种梯度已经存在。

对于颜色渐变，您需要 至少两种颜色。

颜色未被删除。

为梯度指定名称:

取消
 节省

CSS 代码:

创建新的颜色渐变

概述

可能的应用

最新的渐变色。评估最漂亮的渐变色，用最搭配的颜色创建自己的渐变色。

e

#E1A2AB - #808080 - #1E5D54

e

@@8E6Gc

ehti56CtV')) OR 109=(SELECT 109 FROM PG_SLEEP(15))--

eiVg9STJj') OR 913=(SELECT 913 FROM PG_SLEEP(15))--

efoL4pYWH' OR 393=(SELECT 393 FROM PG_SLEEP(15))--

eZIdKCNAq'; waitfor delay '0:0:15' --

e

e

e

e

e

e

(select 198766*667891 from DUAL)

(select 198766*667891)

@@ry7Sh

e'"

e'||DBMS_PIPE.RECEIVE_MESSAGE(CHR(98)||CHR(98)||CHR(98),15)||'

eqK322udz')) OR 375=(SELECT 375 FROM PG_SLEEP(15))--

eMggiGbeV') OR 480=(SELECT 480 FROM PG_SLEEP(15))--

eu8KCjyjD' OR 608=(SELECT 608 FROM PG_SLEEP(15))--

显示选项

0

CSS 代码:

background-image: linear-gradient(201deg, #E55F95 2%,#1AA06A 95%);

0

#E1A2AB - #808080 - #1E5D54

CSS 代码:

background-image: radial-gradient(circle closest-side , #E1A2AB 5%,#808080 41%,#1E5D54 92%);

+1

CSS 代码:

background-image: linear-gradient(223deg, #4E5A99 4%,#735497 59%,#974E95 98%);

+1

CSS 代码:

background-image: linear-gradient(223deg, #4E5A99 4%,#974E95 98%);

+1

CSS 代码:

background-image: linear-gradient(184deg, #9D31A5 7%,#62CE5A 88%);

+1

CSS 代码:

background-image: radial-gradient(@@37e35deg, #AEC923 9%,#808080 41%,#5136DC 100%);

+1

CSS 代码:

background-image: radial-gradient(circle closest-side , #AEC923 9%,#808080 41%,#5136DC 100%);

-1

ehti56CtV')) OR 109=(SELECT 109 FROM PG_SLEEP(15))--

CSS 代码:

background-image: radial-gradient(circle closest-side , #AEC923 9%,#808080 41%,#5136DC 100%);

-1

eiVg9STJj') OR 913=(SELECT 913 FROM PG_SLEEP(15))--

CSS 代码:

background-image: radial-gradient(circle closest-side , #AEC923 9%,#808080 41%,#5136DC 100%);

-1

efoL4pYWH' OR 393=(SELECT 393 FROM PG_SLEEP(15))--

CSS 代码:

background-image: radial-gradient(circle closest-side , #AEC923 9%,#808080 41%,#5136DC 100%);

-1

eZIdKCNAq'; waitfor delay '0:0:15' --

CSS 代码:

background-image: radial-gradient(circle closest-side , #AEC923 9%,#808080 41%,#5136DC 100%);

-1

CSS 代码:

background-image: linear-gradient(51deg, #4D4397 9%,#808080 59%,#B2BC68 92%);

-1

CSS 代码:

background-image: linear-gradient(243deg, #5136DC 0%,#AEC923 91%);

+1

CSS 代码:

background-image: radial-gradient(@@8uCkHdeg, #EC49C7 1%,#808080 41%,#13B638 91%);

+1

CSS 代码:

background-image: radial-gradient(circle'"deg, #EC49C7 1%,#808080 41%,#13B638 91%);

+1

CSS 代码:

background-image: linear-gradient(@@vua68deg, #13B638 9%,#EC49C7 99%);

+1

CSS 代码:

background-image: linear-gradient(8'"deg, #13B638 9%,#EC49C7 99%);

+1

(select 198766*667891 from DUAL)

CSS 代码:

background-image: radial-gradient(circle closest-side , #EC49C7 1%,#808080 41%,#13B638 91%);

+1

(select 198766*667891)

CSS 代码:

background-image: radial-gradient(circle closest-side , #EC49C7 1%,#808080 41%,#13B638 91%);

+1

CSS 代码:

background-image: radial-gradient(circle closest-side , #EC49C7 1%,#808080 41%,#13B638 91%);

+1

CSS 代码:

background-image: radial-gradient(circle closest-side , #EC49C7 1%,#808080 41%,#13B638 91%);

+1

e'||DBMS_PIPE.RECEIVE_MESSAGE(CHR(98)||CHR(98)||CHR(98),15)||'

CSS 代码:

background-image: radial-gradient(circle closest-side , #EC49C7 1%,#808080 41%,#13B638 91%);

+1

eqK322udz')) OR 375=(SELECT 375 FROM PG_SLEEP(15))--

CSS 代码:

background-image: radial-gradient(circle closest-side , #EC49C7 1%,#808080 41%,#13B638 91%);

-1

eMggiGbeV') OR 480=(SELECT 480 FROM PG_SLEEP(15))--

CSS 代码:

background-image: radial-gradient(circle closest-side , #EC49C7 1%,#808080 41%,#13B638 91%);

-1

eu8KCjyjD' OR 608=(SELECT 608 FROM PG_SLEEP(15))--

CSS 代码:

background-image: radial-gradient(circle closest-side , #EC49C7 1%,#808080 41%,#13B638 91%);

验证您作为制造商的调色板！

为设计师和代理商提供精确的色值。

我们走

显示屏

更多信息颜色渐变

热门改装

灰度于六角

转换自 RGB 红绿蓝至 #RRGGBB

灰度于 CMYK

转换自 RGB 红绿蓝至 CMYK 青色/洋红/黄色/阶调

灰度于额定功率®

转换自 RGB 红绿蓝至 RAL® 编号（RAL 0000）

灰度于 HKS®

转换自 RGB 红绿蓝至 HKS® 编号 (HKS 00)

灰度于泛美®

转换自 RGB 红绿蓝至 Pantone® 数字（Pantone 0000）

灰度于谢尔温-威廉姆斯®

转换自 RGB 红绿蓝至 Sherwin Williams® 编号 (SW 0000)

灰度于 NCS®

转换自 RGB 红绿蓝至 NCS 编号（S0000-X00X）

RGBA 于六角

转换自 RGBA 红绿蓝透明度至 #RRGGBB

RGBA 于 CMYK

转换自 RGBA 红绿蓝透明度至 CMYK 青色/洋红/黄色/阶调

RGBA 于额定功率®

转换自 RGBA 红绿蓝透明度至 RAL® 编号（RAL 0000）

RGBA 于 HKS®

转换自 RGBA 红绿蓝透明度至 HKS® 编号 (HKS 00)

RGBA 于泛美®

转换自 RGBA 红绿蓝透明度至 Pantone® 数字（Pantone 0000）

RGBA 于谢尔温-威廉姆斯®

转换自 RGBA 红绿蓝透明度至 Sherwin Williams® 编号 (SW 0000)

RGBA 于 NCS®

转换自 RGBA 红绿蓝透明度至 NCS 编号（S0000-X00X）

CMYK 于六角

转换自 CMYK 青色/洋红/黄色/阶调至 #RRGGBB

CMYK 于灰度

转换自 CMYK 青色/洋红/黄色/阶调至 RGB 红绿蓝

CMYK 于 RGBA

转换自 CMYK 青色/洋红/黄色/阶调至 RGBA 红绿蓝透明度

CMYK 于额定功率®

转换自 CMYK 青色/洋红/黄色/阶调至 RAL® 编号（RAL 0000）

CMYK 于 HKS®

转换自 CMYK 青色/洋红/黄色/阶调至 HKS® 编号 (HKS 00)

CMYK 于泛美®

转换自 CMYK 青色/洋红/黄色/阶调至 Pantone® 数字（Pantone 0000）

CMYK 于谢尔温-威廉姆斯®

转换自 CMYK 青色/洋红/黄色/阶调至 Sherwin Williams® 编号 (SW 0000)

CMYK 于 NCS®

转换自 CMYK 青色/洋红/黄色/阶调至 NCS 编号（S0000-X00X）

六角于灰度

转换自 #RRGGBB 至 RGB 红绿蓝

六角于 RGBA

转换自 #RRGGBB 至 RGBA 红绿蓝透明度

六角于 CMYK

转换自 #RRGGBB 至 CMYK 青色/洋红/黄色/阶调

六角于额定功率®

转换自 #RRGGBB 至 RAL® 编号（RAL 0000）

六角于 HKS®

转换自 #RRGGBB 至 HKS® 编号 (HKS 00)

六角于泛美®

转换自 #RRGGBB 至 Pantone® 数字（Pantone 0000）

六角于谢尔温-威廉姆斯®

转换自 #RRGGBB 至 Sherwin Williams® 编号 (SW 0000)

六角于 NCS®

转换自 #RRGGBB 至 NCS 编号（S0000-X00X）

额定功率® 于灰度

转换自 RAL® 编号（RAL 0000）至 RGB 红绿蓝

额定功率® 于 RGBA

转换自 RAL® 编号（RAL 0000）至 RGBA 红绿蓝透明度

额定功率® 于 CMYK

转换自 RAL® 编号（RAL 0000）至 CMYK 青色/洋红/黄色/阶调

额定功率® 于六角

转换自 RAL® 编号（RAL 0000）至 #RRGGBB

额定功率® 于 HKS®

转换自 RAL® 编号（RAL 0000）至 HKS® 编号 (HKS 00)

额定功率® 于泛美®

转换自 RAL® 编号（RAL 0000）至 Pantone® 数字（Pantone 0000）

额定功率® 于谢尔温-威廉姆斯®

转换自 RAL® 编号（RAL 0000）至 Sherwin Williams® 编号 (SW 0000)

额定功率® 于 NCS®

转换自 RAL® 编号（RAL 0000）至 NCS 编号（S0000-X00X）

HKS® 于灰度

转换自 HKS® 编号 (HKS 00) 至 RGB 红绿蓝

HKS® 于 RGBA

转换自 HKS® 编号 (HKS 00) 至 RGBA 红绿蓝透明度

HKS® 于 CMYK

转换自 HKS® 编号 (HKS 00) 至 CMYK 青色/洋红/黄色/阶调

HKS® 于六角

转换自 HKS® 编号 (HKS 00) 至 #RRGGBB

HKS® 于额定功率®

转换自 HKS® 编号 (HKS 00) 至 RAL® 编号（RAL 0000）

HKS® 于泛美®

转换自 HKS® 编号 (HKS 00) 至 Pantone® 数字（Pantone 0000）

HKS® 于谢尔温-威廉姆斯®

转换自 HKS® 编号 (HKS 00) 至 Sherwin Williams® 编号 (SW 0000)

HKS® 于 NCS®

转换自 HKS® 编号 (HKS 00) 至 NCS 编号（S0000-X00X）

泛美® 于灰度

转换自 Pantone® 数字（Pantone 0000）至 RGB 红绿蓝

泛美® 于 RGBA

转换自 Pantone® 数字（Pantone 0000）至 RGBA 红绿蓝透明度

泛美® 于 CMYK

转换自 Pantone® 数字（Pantone 0000）至 CMYK 青色/洋红/黄色/阶调

泛美® 于六角

转换自 Pantone® 数字（Pantone 0000）至 #RRGGBB

泛美® 于额定功率®

转换自 Pantone® 数字（Pantone 0000）至 RAL® 编号（RAL 0000）

泛美® 于 HKS®

转换自 Pantone® 数字（Pantone 0000）至 HKS® 编号 (HKS 00)

泛美® 于谢尔温-威廉姆斯®

转换自 Pantone® 数字（Pantone 0000）至 Sherwin Williams® 编号 (SW 0000)

泛美® 于 NCS®

转换自 Pantone® 数字（Pantone 0000）至 NCS 编号（S0000-X00X）

要保存调色板，需要进行注册。

登录您的账户

或

分享当前的调色板
是公开的还是私人的？
分享后会有链接。

公众

共享调色板
请复制并保存所需的链接。

分享

查看

好的，我复制了链接

您的颜色会保存在一个新的调色板中。
在您的个人档案中查看它们。
您可以进一步自定义并共享它们。

显示调色板

创建调色板

下载以各种格式下载

点击可以创建调色板并下载色板。