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

#004F7C - #D0B084


CSS 代码:

background-image: linear-gradient(@@i8Vwcdeg, #004F7C 18%,#688080 59%,#D0B084 61%);

0

#004F7C - #D0B084


CSS 代码:

background-image: linear-gradient(300'"deg, #004F7C 18%,#688080 59%,#D0B084 61%);

0

(select 198766*667891 from DUAL)


CSS 代码:

background-image: linear-gradient(300deg, #004F7C 18%,#688080 59%,#D0B084 61%);

0

(select 198766*667891)


CSS 代码:

background-image: linear-gradient(300deg, #004F7C 18%,#688080 59%,#D0B084 61%);

0

@@KPQmf


CSS 代码:

background-image: linear-gradient(300deg, #004F7C 18%,#688080 59%,#D0B084 61%);

0

#004F7C - #D0B084'"


CSS 代码:

background-image: linear-gradient(300deg, #004F7C 18%,#688080 59%,#D0B084 61%);

0

#004F7C - #D0B084'||DBMS_PIPE.RECEIVE_MESSAGE(CHR(98)||CHR(98)||CHR(98),15)||'


CSS 代码:

background-image: linear-gradient(300deg, #004F7C 18%,#688080 59%,#D0B084 61%);

0

#004F7C - #D0B084Isl7LO8U')) OR 175=(SELECT 175 FROM PG_SLEEP(15))--


CSS 代码:

background-image: linear-gradient(300deg, #004F7C 18%,#688080 59%,#D0B084 61%);

0

#004F7C - #D0B084k8Rg0ALF') OR 382=(SELECT 382 FROM PG_SLEEP(15))--


CSS 代码:

background-image: linear-gradient(300deg, #004F7C 18%,#688080 59%,#D0B084 61%);

0

#004F7C - #D0B084VgY4Xvmf' OR 219=(SELECT 219 FROM PG_SLEEP(15))--


CSS 代码:

background-image: linear-gradient(300deg, #004F7C 18%,#688080 59%,#D0B084 61%);

0

#004F7C - #D0B084AgTiqsTO'; waitfor delay '0:0:15' --


CSS 代码:

background-image: linear-gradient(300deg, #004F7C 18%,#688080 59%,#D0B084 61%);

0

#004F7C - #D0B084-1 waitfor delay '0:0:15' --


CSS 代码:

background-image: linear-gradient(300deg, #004F7C 18%,#688080 59%,#D0B084 61%);

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(300deg, #004F7C 18%,#688080 59%,#D0B084 61%);

0

#004F7C - #D0B0840"XOR(if(now()=sysdate(),sleep(15),0))XOR"Z


CSS 代码:

background-image: linear-gradient(300deg, #004F7C 18%,#688080 59%,#D0B084 61%);

0

#004F7C - #D0B0840'XOR(if(now()=sysdate(),sleep(15),0))XOR'Z


CSS 代码:

background-image: linear-gradient(300deg, #004F7C 18%,#688080 59%,#D0B084 61%);

0

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


CSS 代码:

background-image: linear-gradient(300deg, #004F7C 18%,#688080 59%,#D0B084 61%);

0

e


CSS 代码:

background-image: radial-gradient(@@4lTTudeg, #62CE5A 12%,#808080 41%,#9D31A5 93%);

0

@@9HAY3


CSS 代码:

background-image: radial-gradient(circle closest-side , #62CE5A 12%,#808080 41%,#9D31A5 93%);

0

e2WudWqwr')) OR 446=(SELECT 446 FROM PG_SLEEP(15))--


CSS 代码:

background-image: radial-gradient(circle closest-side , #62CE5A 12%,#808080 41%,#9D31A5 93%);

0

eV4vXulmD') OR 948=(SELECT 948 FROM PG_SLEEP(15))--


CSS 代码:

background-image: radial-gradient(circle closest-side , #62CE5A 12%,#808080 41%,#9D31A5 93%);

0

e6u0cGfNO' OR 885=(SELECT 885 FROM PG_SLEEP(15))--


CSS 代码:

background-image: radial-gradient(circle closest-side , #62CE5A 12%,#808080 41%,#9D31A5 93%);

0

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


CSS 代码:

background-image: radial-gradient(circle closest-side , #62CE5A 12%,#808080 41%,#9D31A5 93%);

0

e


CSS 代码:

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

0

e


CSS 代码:

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

0

(select 198766*667891 from DUAL)


CSS 代码:

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

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

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

我们走

显示屏

1
2
3
4
5
6
7
8
9
10
11

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

登录您的账户

创建账户

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

取消 分享

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

分享

好的,我复制了链接

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

显示调色板
关闭

创建调色板

下载以各种格式下载

全部删除

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