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

颜色渐变

概述

可能的应用

所有已发布的渐变色一目了然。使用名称过滤器并根据各种标准进行排序。评出最漂亮的渐变效果,并根据最匹配的颜色创建自己的渐变效果。

显示选项

1
2
3
4
5
6
7
8
9
10
11
+1

e


CSS 代码:

background-image: linear-gradient(98deg, #FCB75D 11%,#348390 64%);

+1

e


CSS 代码:

background-image: linear-gradient(273deg, #D0B084 39%,#688080 59%,#004F7C 82%);

0


CSS 代码:

background-image: radial-gradient(circle , #D0B084 39%,#004F7C 82%);

0


CSS 代码:

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

0


CSS 代码:

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

0

(select 198766*667891 from DUAL)


CSS 代码:

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

0

(select 198766*667891)


CSS 代码:

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

0

@@NDlt8


CSS 代码:

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

0

'"


CSS 代码:

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

0

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


CSS 代码:

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

0

1*DBMS_PIPE.RECEIVE_MESSAGE(CHR(99)||CHR(99)||CHR(99),15)


CSS 代码:

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

0

1XifeKEfQ')) OR 270=(SELECT 270 FROM PG_SLEEP(15))--


CSS 代码:

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

0

19UL2X5tr') OR 729=(SELECT 729 FROM PG_SLEEP(15))--


CSS 代码:

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

0

1GzlSI0Mr' OR 901=(SELECT 901 FROM PG_SLEEP(15))--


CSS 代码:

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

0

1-1)) OR 579=(SELECT 579 FROM PG_SLEEP(15))--


CSS 代码:

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

-1

1-1) OR 530=(SELECT 530 FROM PG_SLEEP(15))--


CSS 代码:

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

-1

1-1 OR 935=(SELECT 935 FROM PG_SLEEP(15))--


CSS 代码:

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

-1

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


CSS 代码:

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

-1

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


CSS 代码:

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

-1

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


CSS 代码:

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

-1

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


CSS 代码:

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

-1

(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(184deg, #9D31A5 7%,#62CE5A 88%);

-1

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


CSS 代码:

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

-1

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


CSS 代码:

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

-1

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


CSS 代码:

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

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

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

我们走

显示屏

1
2
3
4
5
6
7
8
9
10
11

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

登录您的账户

创建账户

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

取消 分享

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

分享

好的,我复制了链接

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

显示调色板
关闭

创建调色板

下载以各种格式下载

全部删除

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