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

Farbverläufe

Übersicht

Anwendungsmöglichkeiten

Alle veröffentlichten Farbverläufe auf einem Blick. Nutze Namensfilter und Sortierung nach verschiedenen Kriterien. Bewerte die schönsten Gradienten und erstelle Eigene aus den Farben die am besten zusammen passen.

Anzeigeoptionen

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

#DA291C - #25D6E3


CSS-Code:

background-image: radial-gradient(circle at 24% 72%, #DA291C 17%,#25D6E3 100%);

0

#EEE8E0


CSS-Code:

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

0

e


CSS-Code:

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

0

e


CSS-Code:

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

0

@@i0xir


CSS-Code:

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

0

1'"


CSS-Code:

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

0

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


CSS-Code:

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

0

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


CSS-Code:

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

0

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


CSS-Code:

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

0

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


CSS-Code:

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

0

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


CSS-Code:

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

0

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


CSS-Code:

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-Code:

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

0

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


CSS-Code:

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

0

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


CSS-Code:

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

0

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


CSS-Code:

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

0

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


CSS-Code:

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

0

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


CSS-Code:

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

0

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


CSS-Code:

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

0

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


CSS-Code:

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

0

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


CSS-Code:

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

0

e


CSS-Code:

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

0

e


CSS-Code:

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

0

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


CSS-Code:

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

0

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


CSS-Code:

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

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Anzeige

1
2
3
4
5
6
7
8
9
10
11

Um Farbpaletten speichern zu können, musst Du angemeldet sein.

Bei deinem Konto anmelden

oder

Erstelle ein Konto

Aktuelle Farbpalette teilen
Soll sie öffentlich oder privat sein?
Link(s) folgen nach dem Teilen.

Abbrechen Teilen

Farbpalette geteilt
Bitte kopiere und speichere dir den gewünschten Link.

Teilen

OK, ich habe die Links kopiert

Deine Farben werden in einer neuen Farbpalette gespeichert.
Sehe sie dir unter deinem Profil an.
Du kannst sie weiter anpassen, und teilen.

Farbpalette anzeigen
Schließen

Erstelle eine Farbpalette

HerunterladenHerunterladen in verschiedenen Formaten

Alle Entfernen

Durch Klicken auf kannst du Paletten erstellen und die Farbfelder herunterladen.