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

创建 CSS 颜色渐变

将获救...

这种梯度已经存在。

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

颜色被删除。

为梯度指定名称:

取消
节省
191
 

CSS 代码:

background-image: linear-gradient(191deg, #FFFFFF 10%,#55CDFC 100%);

创建新的颜色渐变

概述

可能的应用

最新的渐变色。评出最漂亮的渐变色,并根据最匹配的颜色创建自己的渐变色。

显示选项

0

e


CSS 代码:

background-image: linear-gradient(@@802svdeg, #000000 -138%,#00000E 0%);

0

e


CSS 代码:

background-image: linear-gradient(1'"deg, #000000 -138%,#00000E 0%);

0

@@i0xir


CSS 代码:

background-image: linear-gradient(306deg, #000000 -138%,#00000E 0%);

0

1'"


CSS 代码:

background-image: linear-gradient(306deg, #000000 -138%,#00000E 0%);

0

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


CSS 代码:

background-image: linear-gradient(306deg, #000000 -138%,#00000E 0%);

0

WTE0y6N9')) OR 822=(SELECT 822 FROM PG_SLEEP(15))--


CSS 代码:

background-image: linear-gradient(306deg, #000000 -138%,#00000E 0%);

0

5CTTpuwn') OR 970=(SELECT 970 FROM PG_SLEEP(15))--


CSS 代码:

background-image: linear-gradient(306deg, #000000 -138%,#00000E 0%);

0

bdUiemUL' OR 554=(SELECT 554 FROM PG_SLEEP(15))--


CSS 代码:

background-image: linear-gradient(306deg, #000000 -138%,#00000E 0%);

0

3Aj7XTd0'; waitfor delay '0:0:15' --


CSS 代码:

background-image: linear-gradient(306deg, #000000 -138%,#00000E 0%);

0

1 waitfor delay '0:0:15' --


CSS 代码:

background-image: linear-gradient(306deg, #000000 -138%,#00000E 0%);

0

(select(0)from(select(sleep(15)))v)/*'+(select(0)from(select(sleep(15)))v)+'"+(select(0)from(select(sleep(15)))v)+"*/


CSS 代码:

background-image: linear-gradient(306deg, #000000 -138%,#00000E 0%);

0

0"XOR(if(now()=sysdate(),sleep(15),0))XOR"Z


CSS 代码:

background-image: linear-gradient(306deg, #000000 -138%,#00000E 0%);

0

0'XOR(if(now()=sysdate(),sleep(15),0))XOR'Z


CSS 代码:

background-image: linear-gradient(306deg, #000000 -138%,#00000E 0%);

0

if(now()=sysdate(),sleep(15),0)


CSS 代码:

background-image: linear-gradient(306deg, #000000 -138%,#00000E 0%);

0

-1" OR 2+366-366-1=0+0+0+1 --


CSS 代码:

background-image: linear-gradient(306deg, #000000 -138%,#00000E 0%);

0

-1' OR 2+846-846-1=0+0+0+1 or '1Mgz4G08'='


CSS 代码:

background-image: linear-gradient(306deg, #000000 -138%,#00000E 0%);

0

-1' OR 2+562-562-1=0+0+0+1 --


CSS 代码:

background-image: linear-gradient(306deg, #000000 -138%,#00000E 0%);

0

-1 OR 2+352-352-1=0+0+0+1


CSS 代码:

background-image: linear-gradient(306deg, #000000 -138%,#00000E 0%);

0

-1 OR 2+88-88-1=0+0+0+1 --


CSS 代码:

background-image: linear-gradient(306deg, #000000 -138%,#00000E 0%);

0

e


CSS 代码:

background-image: 1'"-gradient(306deg, #000000 -138%,#00000E 0%);

0

e


CSS 代码:

background-image: linear-gradient(306deg, #000000 -138%,#00000E 0%);

0

#BA5918 - #8C4719 - #5D188B - #871FCC


CSS 代码:

background-image: linear-gradient(118deg, #BA5918 0%,#8C4719 29%,#5D188B 85%,#871FCC 100%);

0

#482CA6 - #1220D9 - #7D3873 - #E74F0D - #2D26C0 - #2023CD - #1220D9


CSS 代码:

background-image: radial-gradient(circle closest-side , #482CA6 0%,#1220D9 16%,#7D3873 26%,#E74F0D 63%,#2D26C0 74%,#2023CD 90%,#1220D9 95%);

0

#D0C6B4 - #2F394B


CSS 代码:

background-image: radial-gradient(circle at 49% center, #D0C6B4 11%,#2F394B 64%);

0

#FF9E18 - #CC7700


CSS 代码:

background-image: radial-gradient(circle at 16% 52%, #FF9E18 2%,#CC7700 91%);

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

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

我们走

显示屏

更多信息 颜色渐变

热门改装

灰度 于 六角

转换自 RGB 红绿蓝 至 #RRGGBB

灰度 于 CMYK

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

Icons

灰度 于 额定功率®

转换自 RGB 红绿蓝 至 RAL® 编号(RAL 0000)

灰度 于 HKS®

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

灰度 于 泛美®

转换自 RGB 红绿蓝 至 Pantone® 数字(Pantone 0000)

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

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

灰度 于 NCS®

转换自 RGB 红绿蓝 至 NCS 编号(S0000-X00X)

nsc-logo

RGBA 于 六角

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

RGBA 于 CMYK

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

Icons

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)

nsc-logo

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)

nsc-logo

六角 于 灰度

转换自 #RRGGBB 至 RGB 红绿蓝

六角 于 RGBA

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

六角 于 CMYK

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

Icons

六角 于 额定功率®

转换自 #RRGGBB 至 RAL® 编号(RAL 0000)

六角 于 HKS®

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

六角 于 泛美®

转换自 #RRGGBB 至 Pantone® 数字(Pantone 0000)

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

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

六角 于 NCS®

转换自 #RRGGBB 至 NCS 编号(S0000-X00X)

nsc-logo

额定功率® 于 灰度

转换自 RAL® 编号(RAL 0000) 至 RGB 红绿蓝

额定功率® 于 RGBA

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

额定功率® 于 CMYK

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

Icons

额定功率® 于 六角

转换自 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)

nsc-logo

HKS® 于 灰度

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

HKS® 于 RGBA

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

HKS® 于 CMYK

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

Icons

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)

nsc-logo

泛美® 于 灰度

转换自 Pantone® 数字(Pantone 0000) 至 RGB 红绿蓝

泛美® 于 RGBA

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

泛美® 于 CMYK

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

Icons

泛美® 于 六角

转换自 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)

nsc-logo

您必须登录后才能保存调色板。

登录您的账户

创建账户

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

取消 分享

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

分享

好的,我复制了链接

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

显示调色板
关闭

创建调色板

下载以各种格式下载

全部删除

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