Jetzt Angebotszeitraum UNSERE API WURDE ERWEITERT

Neue API V3.0: Unsere API zum Angebotspreis erhalten. Greifen Sie jetzt zu. Nutzen Sie detailliertere Farbkonvertierungsergebnisse – perfekt für Webprojekte, Plugins, interne Tools oder SaaS-Anwendungen. Gültig vom 2025-10-21 bis einschließlich 2025-11-21 (23:59 CET)

API-Pakete & Preise X

Farbverläufe

Übersicht

Anwendungsmöglichkeiten

Alle veröffentlichten Farbverläufe auf einem Blick. Nutzen Sie Namensfilter und sortieren Sie nach verschiedenen Kriterien. Bewerten Sie die schönsten Gradienten und erstellen Sie eigene aus den Farben die am besten zusammen passen.

#CD2C58 - #FFC69D - #E06B80 - #FFE6D4

#DA291C - #25D6E3

#EEE8E0

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

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

#D0C6B4 - #2F394B

#FF9E18 - #CC7700

#B8B799 - #C8C8C7

#0080C8 - #00001E

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

#00FF91 - #40CD90 - #30DA91 - #20E691 - #68AD8F - #50C090 - #7F9A8E - #FD348A

#FFAA4D - #FF7F41

#F4F6F1 - #6CA6C4

#00426A - #0092AB

#A48F7A - #9B8A70

#D2D246 - #A1C091 - #70ADDB

#F9F9F7 - #779ACE - #5986CC

#B2C216 - #CB3E50

#F8AC1D - #D95995

#F14997 - #061C125E - #FCFCFC

#9B8A70 - #E3D9C7

Anzeigeoptionen

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

#CD2C58 - #FFC69D - #E06B80 - #FFE6D4


CSS-Code:

background-image: linear-gradient(222deg, #CD2C58 20%,#FFC69D 39%,#E06B80 70%,#FFE6D4 93%);

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

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

0

#D0C6B4 - #2F394B


CSS-Code:

background-image: radial-gradient(circle at 49% center, #D0C6B4 11%,#2F394B 64%);

0

#FF9E18 - #CC7700


CSS-Code:

background-image: radial-gradient(circle at 16% 52%, #FF9E18 2%,#CC7700 91%);

0

#B8B799 - #C8C8C7


CSS-Code:

background-image: linear-gradient(28deg, #B8B799 9%,#C8C8C7 73%);

0

#0080C8 - #00001E


CSS-Code:

background-image: linear-gradient(246deg, #0080C8 0%,#00001E 100%);

0

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


CSS-Code:

background-image: radial-gradient(circle , #E74F0D 0%,#7D3873 27%,#482CA6 46%,#2D26C0 63%,#2023CD 79%,#1220D9 100%);

0

#00FF91 - #40CD90 - #30DA91 - #20E691 - #68AD8F - #50C090 - #7F9A8E - #FD348A


CSS-Code:

background-image: radial-gradient(circle at 49% 53%, #00FF91 44%,#40CD90 44%,#30DA91 51%,#20E691 51%,#68AD8F 56%,#50C090 56%,#7F9A8E 65%,#FD348A 89%);

0

#FFAA4D - #FF7F41


CSS-Code:

background-image: radial-gradient(circle , #FFAA4D 8%,#FF7F41 86%);

0

#F4F6F1 - #6CA6C4


CSS-Code:

background-image: linear-gradient(246deg, #F4F6F1 0%,#6CA6C4 100%);

0

#00426A - #0092AB


CSS-Code:

background-image: linear-gradient(0deg, #00426A 0%,#0092AB 100%);

0

Blue Eyeball


CSS-Code:

background-image: radial-gradient(circle at 59% 42%, #030303 10%,#477C94 13%,#84C3E0 21%,#549FBA 31%,#507E8A 35%,#F0C5D6 38%,#DB9AA4 73%,#B84F5B 77%);

0

Purple Eyeball


CSS-Code:

background-image: radial-gradient(circle at 59% 42%, #030303 10%,#6D2F7D 13%,#BD76DB 21%,#8F44A6 31%,#622073 35%,#F0C5D6 38%,#DB9AA4 73%,#B84F5B 77%);

0

Green Eyeball


CSS-Code:

background-image: radial-gradient(circle at 59% 41%, #131414 0%,#1A1915 13%,#0FA833 16%,#389C54 22%,#1A7D2E 28%,#255229 32%,#2D3618 34%,#F5C9CA 37%,#E0B4B4 67%,#B55B5B 80%);

0

Vida Lactea


CSS-Code:

background-image: linear-gradient(347deg, #003E51 0%,#FFA300 100%);

0

#A48F7A - #9B8A70


CSS-Code:

background-image: linear-gradient(100deg, #A48F7A 2%,#9B8A70 97%);

0

#D2D246 - #A1C091 - #70ADDB


CSS-Code:

background-image: linear-gradient(360deg, #D2D246 12%,#A1C091 31%,#70ADDB 52%);

0

#F9F9F7 - #779ACE - #5986CC


CSS-Code:

background-image: linear-gradient(0deg, #F9F9F7 10%,#779ACE 81%,#5986CC 93%);

0

#B2C216 - #CB3E50


CSS-Code:

background-image: linear-gradient(31deg, #B2C216 16%,#CB3E50 80%);

0

#F8AC1D - #D95995


CSS-Code:

background-image: linear-gradient(19deg, #F8AC1D 17%,#D95995 86%);

0

#F14997 - #061C125E - #FCFCFC


CSS-Code:

background-image: radial-gradient(circle at 61% 29%, #F14997 21%,#061C125E 47%,#FCFCFC 85%);

0

#9B8A70 - #E3D9C7


CSS-Code:

background-image: linear-gradient(227deg, #9B8A70 1%,#E3D9C7 97%);

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, ist eine Anmelung erforderlich.

Bei Ihrem Konto anmelden

oder

Erstellen Sie ein Konto

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

Abbrechen Teilen

Farbpalette geteilt
Bitte kopieren und speichern Sie den gewünschten Link.

Teilen

OK, ich habe die Links kopiert

Ihre Farben werden in einer neuen Farbpalette gespeichert.
Sehen Sie sich diese unter Ihrem Profil an.
Sie können sie weiter anpassen, und teilen.

Farbpalette anzeigen
Schließen

Erstellen Sie eine Farbpalette

HerunterladenHerunterladen in verschiedenen Formaten

Alle Entfernen

Durch Klicken auf können Sie Paletten erstellen und die Farbfelder herunterladen.

© 2019-2025 - Designed by frag-bobby.de