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

✕

CSS Gradienten:
RGB 5 1 100

Information

schließe alle

Lass Dir CSS Farbverläufe aus zwei Farbtönen wie dem Grundfarbton und der Komplementärfarbe vorschlagen.

Finde Beispiele für Lineare und Radiale Farbübergänge.

Einfach für Webdesign: Kopiere Dir den CSS-Code zum einfachen integrieren auf Deiner Webseite.

Lass Dir CSS Farbverläufe aus zwei Farbtönen wie dem Grundfarbton und einem helleren Farbton vorschlagen.

Finde Beispiele für Lineare und Radiale Farbübergänge von Hellere Farbtöne.

Einfach für Webdesign: Kopiere Dir den CSS-Code zum einfachen integrieren auf Deiner Webseite.

Lass Dir CSS Farbverläufe aus zwei Farbtönen wie dem Grundfarbton und einem dunkleren Farbton vorschlagen.

Finde Beispiele für Lineare und Radiale Farbübergänge von Dunklere Farbtöne.

Einfach für Webdesign: Kopiere Dir den CSS-Code zum einfachen integrieren auf Deiner Webseite.

Anzeigeoptionen

Beschreibung

Da die Farbwerte im Vergleich zu anderen relativ gering sind, erscheint uns dieser Farbton dunkler.

Die Aufschlüsselung der Farbe in das RGB-Farbsystem: In diesem Farbton sind von 255 maximalen Farbanteilen jeweils 5 Rot, 1 Grün und 100 Blau.

Aus dem Mischverhältnis dieser Farben ergibt sich der angezeigte Farbton in der Mitte der Überschneidungen.

In der Darstellung siehst du, wie die Farbe aus den drei Bestandteilen Rot (oben), Grün (rechts unten) und Blau (links unten) zusammengestellt wird. Mittig ist die Ergebnissfarbe zu sehen.
5 1 100 R G B
Im CMYK-Farbsystem wird die Farbe folgendermaßen zusammengesetzt: In diesem Farbton sind von 100 maximalen Farbanteilen jeweils 95 Cyan, 99 Magenta, keine Gelb und 61 Schwarz.

Aus dem Mischverhältnis dieser Farben ergibt sich der angezeigte Farbton in der Mitte der Überschneidungen.

In der Darstellung siehst du, wie die Farbe aus den vier Bestandteilen Cyan (links oben), Magenta (rechts oben), Gelb oder Yellow (rechts unten) und Schwarz oder Key (links unten) zusammengestellt wird. Mittig ist die Ergebnissfarbe zu sehen.
95% 99% 0% 61% C M Y K

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #050164 zu HEX #FAFE9B


CSS-Code:

background-image: linear-gradient(135deg, #050164 9%, #FAFE9B 89%);

Radial

HEX #050164 zu HEX #FAFE9B


CSS-Code:

background-image: radial-gradient(circle, #050164 1%, #FAFE9B 93%);

 

HEX #FAFE9B zu HEX #050164


CSS-Code:

background-image: linear-gradient(135deg, #FAFE9B 7%, #050164 89%);

 

HEX #FAFE9B zu HEX #050164


CSS-Code:

background-image: radial-gradient(circle, #FAFE9B 12%, #050164 89%);

Linear

HEX #050164 zu HEX #011864


CSS-Code:

background-image: linear-gradient(135deg, #050164 14%, #011864 95%);

Radial

HEX #050164 zu HEX #011864


CSS-Code:

background-image: radial-gradient(circle, #050164 10%, #011864 93%);

 

HEX #011864 zu HEX #050164


CSS-Code:

background-image: linear-gradient(135deg, #011864 12%, #050164 97%);

 

HEX #011864 zu HEX #050164


CSS-Code:

background-image: radial-gradient(circle, #011864 9%, #050164 99%);

 

HEX #050164 zu HEX #040164


CSS-Code:

background-image: linear-gradient(135deg, #050164 11%, #040164 96%);

 

HEX #050164 zu HEX #040164


CSS-Code:

background-image: radial-gradient(circle, #050164 13%, #040164 98%);

 

HEX #040164 zu HEX #050164


CSS-Code:

background-image: linear-gradient(135deg, #040164 11%, #050164 91%);

 

HEX #040164 zu HEX #050164


CSS-Code:

background-image: radial-gradient(circle, #040164 11%, #050164 92%);

 

HEX #050164 zu HEX #1F0164


CSS-Code:

background-image: linear-gradient(135deg, #050164 12%, #1F0164 90%);

 

HEX #050164 zu HEX #1F0164


CSS-Code:

background-image: radial-gradient(circle, #050164 9%, #1F0164 95%);

 

HEX #1F0164 zu HEX #050164


CSS-Code:

background-image: linear-gradient(135deg, #1F0164 5%, #050164 86%);

 

HEX #1F0164 zu HEX #050164


CSS-Code:

background-image: radial-gradient(circle, #1F0164 12%, #050164 88%);

 

HEX #050164 zu HEX #390164


CSS-Code:

background-image: linear-gradient(135deg, #050164 9%, #390164 89%);

 

HEX #050164 zu HEX #390164


CSS-Code:

background-image: radial-gradient(circle, #050164 5%, #390164 95%);

 

HEX #390164 zu HEX #050164


CSS-Code:

background-image: linear-gradient(135deg, #390164 1%, #050164 99%);

 

HEX #390164 zu HEX #050164


CSS-Code:

background-image: radial-gradient(circle, #390164 0%, #050164 97%);

Linear

HEX #050164 zu HEX #03003C


CSS-Code:

background-image: linear-gradient(135deg, #050164 1%, #03003C 89%);

Radial

HEX #050164 zu HEX #03003C


CSS-Code:

background-image: radial-gradient(circle, #050164 13%, #03003C 99%);

 

HEX #03003C zu HEX #050164


CSS-Code:

background-image: linear-gradient(135deg, #03003C 13%, #050164 100%);

 

HEX #03003C zu HEX #050164


CSS-Code:

background-image: radial-gradient(circle, #03003C 9%, #050164 93%);

 

HEX #050164 zu HEX #07018D


CSS-Code:

background-image: linear-gradient(135deg, #050164 2%, #07018D 92%);

 

HEX #050164 zu HEX #07018D


CSS-Code:

background-image: radial-gradient(circle, #050164 2%, #07018D 94%);

 

HEX #07018D zu HEX #050164


CSS-Code:

background-image: linear-gradient(135deg, #07018D 10%, #050164 98%);

 

HEX #07018D zu HEX #050164


CSS-Code:

background-image: radial-gradient(circle, #07018D 12%, #050164 89%);

 

HEX #050164 zu HEX #0901B6


CSS-Code:

background-image: linear-gradient(135deg, #050164 8%, #0901B6 88%);

 

HEX #050164 zu HEX #0901B6


CSS-Code:

background-image: radial-gradient(circle, #050164 14%, #0901B6 99%);

 

HEX #0901B6 zu HEX #050164


CSS-Code:

background-image: linear-gradient(135deg, #0901B6 1%, #050164 97%);

 

HEX #0901B6 zu HEX #050164


CSS-Code:

background-image: radial-gradient(circle, #0901B6 14%, #050164 86%);

Linear

HEX #050164 zu HEX #011864


CSS-Code:

background-image: linear-gradient(135deg, #050164 8%, #011864 88%);

Radial

HEX #050164 zu HEX #011864


CSS-Code:

background-image: radial-gradient(circle, #050164 6%, #011864 97%);

 

HEX #011864 zu HEX #050164


CSS-Code:

background-image: linear-gradient(135deg, #011864 7%, #050164 99%);

 

HEX #011864 zu HEX #050164


CSS-Code:

background-image: radial-gradient(circle, #011864 3%, #050164 87%);

 

HEX #050164 zu HEX #040164


CSS-Code:

background-image: linear-gradient(135deg, #050164 10%, #040164 94%);

 

HEX #050164 zu HEX #040164


CSS-Code:

background-image: radial-gradient(circle, #050164 9%, #040164 95%);

 

HEX #040164 zu HEX #050164


CSS-Code:

background-image: linear-gradient(135deg, #040164 6%, #050164 93%);

 

HEX #040164 zu HEX #050164


CSS-Code:

background-image: radial-gradient(circle, #040164 4%, #050164 97%);

 

HEX #050164 zu HEX #1F0164


CSS-Code:

background-image: linear-gradient(135deg, #050164 12%, #1F0164 90%);

 

HEX #050164 zu HEX #1F0164


CSS-Code:

background-image: radial-gradient(circle, #050164 5%, #1F0164 89%);

 

HEX #1F0164 zu HEX #050164


CSS-Code:

background-image: linear-gradient(135deg, #1F0164 14%, #050164 93%);

 

HEX #1F0164 zu HEX #050164


CSS-Code:

background-image: radial-gradient(circle, #1F0164 14%, #050164 90%);

 

HEX #050164 zu HEX #390164


CSS-Code:

background-image: linear-gradient(135deg, #050164 7%, #390164 99%);

 

HEX #050164 zu HEX #390164


CSS-Code:

background-image: radial-gradient(circle, #050164 7%, #390164 88%);

 

HEX #390164 zu HEX #050164


CSS-Code:

background-image: linear-gradient(135deg, #390164 9%, #050164 95%);

 

HEX #390164 zu HEX #050164


CSS-Code:

background-image: radial-gradient(circle, #390164 0%, #050164 100%);

Linear

HEX #050164 zu HEX #03003C


CSS-Code:

background-image: linear-gradient(135deg, #050164 6%, #03003C 86%);

Radial

HEX #050164 zu HEX #03003C


CSS-Code:

background-image: radial-gradient(circle, #050164 3%, #03003C 98%);

 

HEX #03003C zu HEX #050164


CSS-Code:

background-image: linear-gradient(135deg, #03003C 14%, #050164 99%);

 

HEX #03003C zu HEX #050164


CSS-Code:

background-image: radial-gradient(circle, #03003C 12%, #050164 90%);

 

HEX #050164 zu HEX #07018D


CSS-Code:

background-image: linear-gradient(135deg, #050164 8%, #07018D 96%);

 

HEX #050164 zu HEX #07018D


CSS-Code:

background-image: radial-gradient(circle, #050164 6%, #07018D 92%);

 

HEX #07018D zu HEX #050164


CSS-Code:

background-image: linear-gradient(135deg, #07018D 10%, #050164 96%);

 

HEX #07018D zu HEX #050164


CSS-Code:

background-image: radial-gradient(circle, #07018D 0%, #050164 93%);

 

HEX #050164 zu HEX #0901B6


CSS-Code:

background-image: linear-gradient(135deg, #050164 8%, #0901B6 97%);

 

HEX #050164 zu HEX #0901B6


CSS-Code:

background-image: radial-gradient(circle, #050164 6%, #0901B6 89%);

 

HEX #0901B6 zu HEX #050164


CSS-Code:

background-image: linear-gradient(135deg, #0901B6 3%, #050164 87%);

 

HEX #0901B6 zu HEX #050164


CSS-Code:

background-image: radial-gradient(circle, #0901B6 1%, #050164 96%);

Linear

HEX #050164 zu HEX #64014D


CSS-Code:

background-image: linear-gradient(135deg, #050164 9%, #64014D 90%);

Radial

HEX #050164 zu HEX #64014D


CSS-Code:

background-image: radial-gradient(circle, #050164 13%, #64014D 93%);

 

HEX #64014D zu HEX #050164


CSS-Code:

background-image: linear-gradient(135deg, #64014D 10%, #050164 98%);

 

HEX #64014D zu HEX #050164


CSS-Code:

background-image: radial-gradient(circle, #64014D 13%, #050164 92%);

 

HEX #050164 zu HEX #256401


CSS-Code:

background-image: linear-gradient(135deg, #050164 4%, #256401 90%);

 

HEX #050164 zu HEX #256401


CSS-Code:

background-image: radial-gradient(circle, #050164 10%, #256401 98%);

 

HEX #256401 zu HEX #050164


CSS-Code:

background-image: linear-gradient(135deg, #256401 0%, #050164 91%);

 

HEX #256401 zu HEX #050164


CSS-Code:

background-image: radial-gradient(circle, #256401 14%, #050164 91%);

Linear

HEX #050164 zu HEX #640401


CSS-Code:

background-image: linear-gradient(135deg, #050164 5%, #640401 95%);

Radial

HEX #050164 zu HEX #640401


CSS-Code:

background-image: radial-gradient(circle, #050164 13%, #640401 99%);

 

HEX #640401 zu HEX #050164


CSS-Code:

background-image: linear-gradient(135deg, #640401 12%, #050164 92%);

 

HEX #640401 zu HEX #050164


CSS-Code:

background-image: radial-gradient(circle, #640401 12%, #050164 99%);

 

HEX #050164 zu HEX #016404


CSS-Code:

background-image: linear-gradient(135deg, #050164 11%, #016404 86%);

 

HEX #050164 zu HEX #016404


CSS-Code:

background-image: radial-gradient(circle, #050164 13%, #016404 99%);

 

HEX #016404 zu HEX #050164


CSS-Code:

background-image: linear-gradient(135deg, #016404 4%, #050164 97%);

 

HEX #016404 zu HEX #050164


CSS-Code:

background-image: radial-gradient(circle, #016404 5%, #050164 91%);

Linear

HEX #050164 zu HEX #64014D


CSS-Code:

background-image: linear-gradient(135deg, #050164 10%, #64014D 87%);

Radial

HEX #050164 zu HEX #64014D


CSS-Code:

background-image: radial-gradient(circle, #050164 13%, #64014D 96%);

 

HEX #64014D zu HEX #050164


CSS-Code:

background-image: linear-gradient(135deg, #64014D 3%, #050164 95%);

 

HEX #64014D zu HEX #050164


CSS-Code:

background-image: radial-gradient(circle, #64014D 4%, #050164 96%);

 

HEX #050164 zu HEX #616401


CSS-Code:

background-image: linear-gradient(135deg, #050164 1%, #616401 86%);

 

HEX #050164 zu HEX #616401


CSS-Code:

background-image: radial-gradient(circle, #050164 0%, #616401 94%);

 

HEX #616401 zu HEX #050164


CSS-Code:

background-image: linear-gradient(135deg, #616401 13%, #050164 98%);

 

HEX #616401 zu HEX #050164


CSS-Code:

background-image: radial-gradient(circle, #616401 14%, #050164 94%);

 

HEX #050164 zu HEX #016418


CSS-Code:

background-image: linear-gradient(135deg, #050164 6%, #016418 90%);

 

HEX #050164 zu HEX #016418


CSS-Code:

background-image: radial-gradient(circle, #050164 9%, #016418 91%);

 

HEX #016418 zu HEX #050164


CSS-Code:

background-image: linear-gradient(135deg, #016418 2%, #050164 100%);

 

HEX #016418 zu HEX #050164


CSS-Code:

background-image: radial-gradient(circle, #016418 1%, #050164 92%);

Linear

HEX #050164 zu HEX #64012F


CSS-Code:

background-image: linear-gradient(135deg, #050164 2%, #64012F 90%);

Radial

HEX #050164 zu HEX #64012F


CSS-Code:

background-image: radial-gradient(circle, #050164 9%, #64012F 98%);

 

HEX #64012F zu HEX #050164


CSS-Code:

background-image: linear-gradient(135deg, #64012F 7%, #050164 98%);

 

HEX #64012F zu HEX #050164


CSS-Code:

background-image: radial-gradient(circle, #64012F 4%, #050164 99%);

 

HEX #050164 zu HEX #616401


CSS-Code:

background-image: linear-gradient(135deg, #050164 2%, #616401 98%);

 

HEX #050164 zu HEX #616401


CSS-Code:

background-image: radial-gradient(circle, #050164 11%, #616401 92%);

 

HEX #616401 zu HEX #050164


CSS-Code:

background-image: linear-gradient(135deg, #616401 4%, #050164 89%);

 

HEX #616401 zu HEX #050164


CSS-Code:

background-image: radial-gradient(circle, #616401 12%, #050164 90%);

 

HEX #050164 zu HEX #016436


CSS-Code:

background-image: linear-gradient(135deg, #050164 9%, #016436 88%);

 

HEX #050164 zu HEX #016436


CSS-Code:

background-image: radial-gradient(circle, #050164 8%, #016436 90%);

 

HEX #016436 zu HEX #050164


CSS-Code:

background-image: linear-gradient(135deg, #016436 7%, #050164 95%);

 

HEX #016436 zu HEX #050164


CSS-Code:

background-image: radial-gradient(circle, #016436 14%, #050164 99%);

Zeige mehr Farbpaletten

Services

Farben

RGB in HEX

umrechnen von RGB rot grün blau zu #RRGGBB

RGB in CMYK

umrechnen von RGB rot grün blau zu CMYK cyan / magenta / gelb / key

Icons

RGB in RAL®

umrechnen von RGB rot grün blau zu RAL®-Nummer (RAL 0000)

RGB in HKS®

umrechnen von RGB rot grün blau zu HKS®-Nummer (HKS 00)

RGB in PANTONE®

umrechnen von RGB rot grün blau zu Pantone®-Nummer (Pantone 0000)

RGB in Sherwin Williams®

umrechnen von RGB rot grün blau zu Sherwin Williams®-Nummer (SW 0000)

RGB in NCS®

umrechnen von RGB rot grün blau zu NCS-Nummer (S0000-X00X)

nsc-logo
Icons

CMYK in HEX

umrechnen von CMYK cyan / magenta / gelb / key zu #RRGGBB
Icons

CMYK in RGB

umrechnen von CMYK cyan / magenta / gelb / key zu RGB rot grün blau
Icons

CMYK in RAL®

umrechnen von CMYK cyan / magenta / gelb / key zu RAL®-Nummer (RAL 0000)
Icons

CMYK in HKS®

umrechnen von CMYK cyan / magenta / gelb / key zu HKS®-Nummer (HKS 00)
Icons

CMYK in PANTONE®

umrechnen von CMYK cyan / magenta / gelb / key zu Pantone®-Nummer (Pantone 0000)
Icons

CMYK in Sherwin Williams®

umrechnen von CMYK cyan / magenta / gelb / key zu Sherwin Williams®-Nummer (SW 0000)
Icons

CMYK in NCS®

umrechnen von CMYK cyan / magenta / gelb / key zu NCS-Nummer (S0000-X00X)

nsc-logo

HEX in RGB

umrechnen von #RRGGBB zu RGB rot grün blau

HEX in CMYK

umrechnen von #RRGGBB zu CMYK cyan / magenta / gelb / key

Icons

HEX in RAL®

umrechnen von #RRGGBB zu RAL®-Nummer (RAL 0000)

HEX in HKS®

umrechnen von #RRGGBB zu HKS®-Nummer (HKS 00)

HEX in PANTONE®

umrechnen von #RRGGBB zu Pantone®-Nummer (Pantone 0000)

HEX in Sherwin Williams®

umrechnen von #RRGGBB zu Sherwin Williams®-Nummer (SW 0000)

HEX in NCS®

umrechnen von #RRGGBB zu NCS-Nummer (S0000-X00X)

nsc-logo

RAL® in RGB

umrechnen von RAL®-Nummer (RAL 0000) zu RGB rot grün blau

RAL® in CMYK

umrechnen von RAL®-Nummer (RAL 0000) zu CMYK cyan / magenta / gelb / key

Icons

RAL® in HEX

umrechnen von RAL®-Nummer (RAL 0000) zu #RRGGBB

RAL® in HKS®

umrechnen von RAL®-Nummer (RAL 0000) zu HKS®-Nummer (HKS 00)

RAL® in PANTONE®

umrechnen von RAL®-Nummer (RAL 0000) zu Pantone®-Nummer (Pantone 0000)

RAL® in Sherwin Williams®

umrechnen von RAL®-Nummer (RAL 0000) zu Sherwin Williams®-Nummer (SW 0000)

RAL® in NCS®

umrechnen von RAL®-Nummer (RAL 0000) zu NCS-Nummer (S0000-X00X)

nsc-logo

HKS® in RGB

umrechnen von HKS®-Nummer (HKS 00) zu RGB rot grün blau

HKS® in CMYK

umrechnen von HKS®-Nummer (HKS 00) zu CMYK cyan / magenta / gelb / key

Icons

HKS® in HEX

umrechnen von HKS®-Nummer (HKS 00) zu #RRGGBB

HKS® in RAL®

umrechnen von HKS®-Nummer (HKS 00) zu RAL®-Nummer (RAL 0000)

HKS® in PANTONE®

umrechnen von HKS®-Nummer (HKS 00) zu Pantone®-Nummer (Pantone 0000)

HKS® in Sherwin Williams®

umrechnen von HKS®-Nummer (HKS 00) zu Sherwin Williams®-Nummer (SW 0000)

HKS® in NCS®

umrechnen von HKS®-Nummer (HKS 00) zu NCS-Nummer (S0000-X00X)

nsc-logo

PANTONE® in RGB

umrechnen von Pantone®-Nummer (Pantone 0000) zu RGB rot grün blau

PANTONE® in CMYK

umrechnen von Pantone®-Nummer (Pantone 0000) zu CMYK cyan / magenta / gelb / key

Icons

PANTONE® in HEX

umrechnen von Pantone®-Nummer (Pantone 0000) zu #RRGGBB

PANTONE® in RAL®

umrechnen von Pantone®-Nummer (Pantone 0000) zu RAL®-Nummer (RAL 0000)

PANTONE® in HKS®

umrechnen von Pantone®-Nummer (Pantone 0000) zu HKS®-Nummer (HKS 00)

PANTONE® in Sherwin Williams®

umrechnen von Pantone®-Nummer (Pantone 0000) zu Sherwin Williams®-Nummer (SW 0000)

PANTONE® in NCS®

umrechnen von Pantone®-Nummer (Pantone 0000) zu NCS-Nummer (S0000-X00X)

nsc-logo

Sherwin Williams® in RGB

umrechnen von Sherwin Williams®-Nummer (SW 0000) zu RGB rot grün blau

Sherwin Williams® in CMYK

umrechnen von Sherwin Williams®-Nummer (SW 0000) zu CMYK cyan / magenta / gelb / key

Icons

Sherwin Williams® in HEX

umrechnen von Sherwin Williams®-Nummer (SW 0000) zu #RRGGBB

Sherwin Williams® in RAL®

umrechnen von Sherwin Williams®-Nummer (SW 0000) zu RAL®-Nummer (RAL 0000)

Sherwin Williams® in HKS®

umrechnen von Sherwin Williams®-Nummer (SW 0000) zu HKS®-Nummer (HKS 00)

Sherwin Williams® in PANTONE®

umrechnen von Sherwin Williams®-Nummer (SW 0000) zu Pantone®-Nummer (Pantone 0000)

Sherwin Williams® in NCS®

umrechnen von Sherwin Williams®-Nummer (SW 0000) zu NCS-Nummer (S0000-X00X)

nsc-logo
nsc-logo

NCS® in RGB

umrechnen von NCS-Nummer (S0000-X00X) zu RGB rot grün blau
nsc-logo

NCS® in CMYK

umrechnen von NCS-Nummer (S0000-X00X) zu CMYK cyan / magenta / gelb / key

Icons
nsc-logo

NCS® in HEX

umrechnen von NCS-Nummer (S0000-X00X) zu #RRGGBB
nsc-logo

NCS® in RAL®

umrechnen von NCS-Nummer (S0000-X00X) zu RAL®-Nummer (RAL 0000)
nsc-logo

NCS® in HKS®

umrechnen von NCS-Nummer (S0000-X00X) zu HKS®-Nummer (HKS 00)
nsc-logo

NCS® in PANTONE®

umrechnen von NCS-Nummer (S0000-X00X) zu Pantone®-Nummer (Pantone 0000)
nsc-logo

NCS® in Sherwin Williams®

umrechnen von NCS-Nummer (S0000-X00X) zu Sherwin Williams®-Nummer (SW 0000)

Codes

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.

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