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

e


CSS 代码:

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

0

e


CSS 代码:

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

0

(select 198766*667891 from DUAL)


CSS 代码:

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

0

(select 198766*667891)


CSS 代码:

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

0

@@CuDrm


CSS 代码:

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

0

e'"


CSS 代码:

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

0

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


CSS 代码:

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

0

eDyMumxy6')) OR 611=(SELECT 611 FROM PG_SLEEP(15))--


CSS 代码:

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

0

eTBGUGqdb') OR 500=(SELECT 500 FROM PG_SLEEP(15))--


CSS 代码:

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

0

eCesx5HpJ' OR 483=(SELECT 483 FROM PG_SLEEP(15))--


CSS 代码:

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

0

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


CSS 代码:

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

0

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


CSS 代码:

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

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(51deg, #4D4397 9%,#808080 59%,#B2BC68 92%);

0

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


CSS 代码:

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

0

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


CSS 代码:

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

0

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


CSS 代码:

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

0

e


CSS 代码:

background-image: radial-gradient(@@BqPejdeg, #4D4397 9%,#B2BC68 92%);

0

@@cPNMW


CSS 代码:

background-image: radial-gradient(circle , #4D4397 9%,#B2BC68 92%);

0

eZ8Pg3kkZ')) OR 629=(SELECT 629 FROM PG_SLEEP(15))--


CSS 代码:

background-image: radial-gradient(circle , #4D4397 9%,#B2BC68 92%);

0

eetOpfkCs') OR 926=(SELECT 926 FROM PG_SLEEP(15))--


CSS 代码:

background-image: radial-gradient(circle , #4D4397 9%,#B2BC68 92%);

0

e391BttQH' OR 736=(SELECT 736 FROM PG_SLEEP(15))--


CSS 代码:

background-image: radial-gradient(circle , #4D4397 9%,#B2BC68 92%);

0

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


CSS 代码:

background-image: radial-gradient(circle , #4D4397 9%,#B2BC68 92%);

0

e


CSS 代码:

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

0

e


CSS 代码:

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

0

(select 198766*667891 from DUAL)


CSS 代码:

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

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

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

我们走

显示屏

1
2
3
4
5
6
7
8
9
10
11

To be able to save color palettes, a registration is required.

Log in to your account

or

Create an account

Current color palette Share
Should it be public or private?
Link(s) will follow after sharing.

Cancel Share

Color palette shared
Please copy and save the desired link.

Share

OK, I have copied the links

Your colors will be saved in a new color palette.
View them under your profile.
You can customize them further, and share them.

Show color palette
Close

Create a color palette

DownloadDownload in different formats

Remove All

By clicking on you can create palettes and download the color swatches.