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
0

#EEE8E0


CSS 代码:

background-image: linear-gradient(56deg, #D7BA94 0%,#28456B 89%);

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%);

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

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

我们走

显示屏

1
2
3
4
5
6
7
8
9
10
11

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

登录您的账户

创建账户

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

取消 分享

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

分享

好的,我复制了链接

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

显示调色板
关闭

创建调色板

下载以各种格式下载

全部删除

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