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

✕

CSS Gradienten:
RGB 3 9 103

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 3 Rot, 9 Grün und 103 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.
3 9 103 R G B
Im CMYK-Farbsystem wird die Farbe folgendermaßen zusammengesetzt: In diesem Farbton sind von 100 maximalen Farbanteilen jeweils 97 Cyan, 91 Magenta, keine Gelb und 60 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.
97% 91% 0% 60% C M Y K

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #030967 zu HEX #FCF698


CSS-Code:

background-image: linear-gradient(135deg, #030967 0%, #FCF698 89%);

Radial

HEX #030967 zu HEX #FCF698


CSS-Code:

background-image: radial-gradient(circle, #030967 4%, #FCF698 86%);

 

HEX #FCF698 zu HEX #030967


CSS-Code:

background-image: linear-gradient(135deg, #FCF698 10%, #030967 87%);

 

HEX #FCF698 zu HEX #030967


CSS-Code:

background-image: radial-gradient(circle, #FCF698 9%, #030967 87%);

Linear

HEX #030967 zu HEX #032467


CSS-Code:

background-image: linear-gradient(135deg, #030967 11%, #032467 92%);

Radial

HEX #030967 zu HEX #032467


CSS-Code:

background-image: radial-gradient(circle, #030967 2%, #032467 92%);

 

HEX #032467 zu HEX #030967


CSS-Code:

background-image: linear-gradient(135deg, #032467 6%, #030967 99%);

 

HEX #032467 zu HEX #030967


CSS-Code:

background-image: radial-gradient(circle, #032467 2%, #030967 89%);

 

HEX #030967 zu HEX #170367


CSS-Code:

background-image: linear-gradient(135deg, #030967 1%, #170367 95%);

 

HEX #030967 zu HEX #170367


CSS-Code:

background-image: radial-gradient(circle, #030967 5%, #170367 98%);

 

HEX #170367 zu HEX #030967


CSS-Code:

background-image: linear-gradient(135deg, #170367 11%, #030967 90%);

 

HEX #170367 zu HEX #030967


CSS-Code:

background-image: radial-gradient(circle, #170367 3%, #030967 92%);

 

HEX #030967 zu HEX #320367


CSS-Code:

background-image: linear-gradient(135deg, #030967 14%, #320367 92%);

 

HEX #030967 zu HEX #320367


CSS-Code:

background-image: radial-gradient(circle, #030967 1%, #320367 92%);

 

HEX #320367 zu HEX #030967


CSS-Code:

background-image: linear-gradient(135deg, #320367 13%, #030967 94%);

 

HEX #320367 zu HEX #030967


CSS-Code:

background-image: radial-gradient(circle, #320367 13%, #030967 99%);

Linear

HEX #030967 zu HEX #01053F


CSS-Code:

background-image: linear-gradient(135deg, #030967 5%, #01053F 92%);

Radial

HEX #030967 zu HEX #01053F


CSS-Code:

background-image: radial-gradient(circle, #030967 6%, #01053F 96%);

 

HEX #01053F zu HEX #030967


CSS-Code:

background-image: linear-gradient(135deg, #01053F 8%, #030967 89%);

 

HEX #01053F zu HEX #030967


CSS-Code:

background-image: radial-gradient(circle, #01053F 0%, #030967 92%);

 

HEX #030967 zu HEX #040C8F


CSS-Code:

background-image: linear-gradient(135deg, #030967 5%, #040C8F 94%);

 

HEX #030967 zu HEX #040C8F


CSS-Code:

background-image: radial-gradient(circle, #030967 5%, #040C8F 93%);

 

HEX #040C8F zu HEX #030967


CSS-Code:

background-image: linear-gradient(135deg, #040C8F 12%, #030967 96%);

 

HEX #040C8F zu HEX #030967


CSS-Code:

background-image: radial-gradient(circle, #040C8F 1%, #030967 94%);

 

HEX #030967 zu HEX #0510B7


CSS-Code:

background-image: linear-gradient(135deg, #030967 7%, #0510B7 89%);

 

HEX #030967 zu HEX #0510B7


CSS-Code:

background-image: radial-gradient(circle, #030967 12%, #0510B7 89%);

 

HEX #0510B7 zu HEX #030967


CSS-Code:

background-image: linear-gradient(135deg, #0510B7 2%, #030967 87%);

 

HEX #0510B7 zu HEX #030967


CSS-Code:

background-image: radial-gradient(circle, #0510B7 0%, #030967 94%);

Linear

HEX #030967 zu HEX #032467


CSS-Code:

background-image: linear-gradient(135deg, #030967 7%, #032467 87%);

Radial

HEX #030967 zu HEX #032467


CSS-Code:

background-image: radial-gradient(circle, #030967 6%, #032467 93%);

 

HEX #032467 zu HEX #030967


CSS-Code:

background-image: linear-gradient(135deg, #032467 0%, #030967 96%);

 

HEX #032467 zu HEX #030967


CSS-Code:

background-image: radial-gradient(circle, #032467 0%, #030967 92%);

 

HEX #030967 zu HEX #170367


CSS-Code:

background-image: linear-gradient(135deg, #030967 13%, #170367 94%);

 

HEX #030967 zu HEX #170367


CSS-Code:

background-image: radial-gradient(circle, #030967 3%, #170367 99%);

 

HEX #170367 zu HEX #030967


CSS-Code:

background-image: linear-gradient(135deg, #170367 2%, #030967 96%);

 

HEX #170367 zu HEX #030967


CSS-Code:

background-image: radial-gradient(circle, #170367 10%, #030967 89%);

 

HEX #030967 zu HEX #320367


CSS-Code:

background-image: linear-gradient(135deg, #030967 13%, #320367 96%);

 

HEX #030967 zu HEX #320367


CSS-Code:

background-image: radial-gradient(circle, #030967 11%, #320367 91%);

 

HEX #320367 zu HEX #030967


CSS-Code:

background-image: linear-gradient(135deg, #320367 3%, #030967 89%);

 

HEX #320367 zu HEX #030967


CSS-Code:

background-image: radial-gradient(circle, #320367 8%, #030967 86%);

Linear

HEX #030967 zu HEX #01053F


CSS-Code:

background-image: linear-gradient(135deg, #030967 12%, #01053F 86%);

Radial

HEX #030967 zu HEX #01053F


CSS-Code:

background-image: radial-gradient(circle, #030967 6%, #01053F 100%);

 

HEX #01053F zu HEX #030967


CSS-Code:

background-image: linear-gradient(135deg, #01053F 11%, #030967 90%);

 

HEX #01053F zu HEX #030967


CSS-Code:

background-image: radial-gradient(circle, #01053F 5%, #030967 90%);

 

HEX #030967 zu HEX #040C8F


CSS-Code:

background-image: linear-gradient(135deg, #030967 7%, #040C8F 87%);

 

HEX #030967 zu HEX #040C8F


CSS-Code:

background-image: radial-gradient(circle, #030967 13%, #040C8F 98%);

 

HEX #040C8F zu HEX #030967


CSS-Code:

background-image: linear-gradient(135deg, #040C8F 12%, #030967 100%);

 

HEX #040C8F zu HEX #030967


CSS-Code:

background-image: radial-gradient(circle, #040C8F 1%, #030967 98%);

 

HEX #030967 zu HEX #0510B7


CSS-Code:

background-image: linear-gradient(135deg, #030967 4%, #0510B7 96%);

 

HEX #030967 zu HEX #0510B7


CSS-Code:

background-image: radial-gradient(circle, #030967 7%, #0510B7 93%);

 

HEX #0510B7 zu HEX #030967


CSS-Code:

background-image: linear-gradient(135deg, #0510B7 6%, #030967 96%);

 

HEX #0510B7 zu HEX #030967


CSS-Code:

background-image: radial-gradient(circle, #0510B7 10%, #030967 93%);

Linear

HEX #030967 zu HEX #67035A


CSS-Code:

background-image: linear-gradient(135deg, #030967 6%, #67035A 100%);

Radial

HEX #030967 zu HEX #67035A


CSS-Code:

background-image: radial-gradient(circle, #030967 11%, #67035A 94%);

 

HEX #67035A zu HEX #030967


CSS-Code:

background-image: linear-gradient(135deg, #67035A 1%, #030967 96%);

 

HEX #67035A zu HEX #030967


CSS-Code:

background-image: radial-gradient(circle, #67035A 8%, #030967 92%);

 

HEX #030967 zu HEX #326703


CSS-Code:

background-image: linear-gradient(135deg, #030967 6%, #326703 96%);

 

HEX #030967 zu HEX #326703


CSS-Code:

background-image: radial-gradient(circle, #030967 1%, #326703 90%);

 

HEX #326703 zu HEX #030967


CSS-Code:

background-image: linear-gradient(135deg, #326703 1%, #030967 93%);

 

HEX #326703 zu HEX #030967


CSS-Code:

background-image: radial-gradient(circle, #326703 7%, #030967 98%);

Linear

HEX #030967 zu HEX #670309


CSS-Code:

background-image: linear-gradient(135deg, #030967 5%, #670309 90%);

Radial

HEX #030967 zu HEX #670309


CSS-Code:

background-image: radial-gradient(circle, #030967 2%, #670309 96%);

 

HEX #670309 zu HEX #030967


CSS-Code:

background-image: linear-gradient(135deg, #670309 5%, #030967 86%);

 

HEX #670309 zu HEX #030967


CSS-Code:

background-image: radial-gradient(circle, #670309 8%, #030967 99%);

 

HEX #030967 zu HEX #096703


CSS-Code:

background-image: linear-gradient(135deg, #030967 4%, #096703 86%);

 

HEX #030967 zu HEX #096703


CSS-Code:

background-image: radial-gradient(circle, #030967 14%, #096703 97%);

 

HEX #096703 zu HEX #030967


CSS-Code:

background-image: linear-gradient(135deg, #096703 1%, #030967 89%);

 

HEX #096703 zu HEX #030967


CSS-Code:

background-image: radial-gradient(circle, #096703 9%, #030967 91%);

Linear

HEX #030967 zu HEX #67035A


CSS-Code:

background-image: linear-gradient(135deg, #030967 2%, #67035A 92%);

Radial

HEX #030967 zu HEX #67035A


CSS-Code:

background-image: radial-gradient(circle, #030967 12%, #67035A 93%);

 

HEX #67035A zu HEX #030967


CSS-Code:

background-image: linear-gradient(135deg, #67035A 13%, #030967 88%);

 

HEX #67035A zu HEX #030967


CSS-Code:

background-image: radial-gradient(circle, #67035A 9%, #030967 96%);

 

HEX #030967 zu HEX #676103


CSS-Code:

background-image: linear-gradient(135deg, #030967 3%, #676103 93%);

 

HEX #030967 zu HEX #676103


CSS-Code:

background-image: radial-gradient(circle, #030967 9%, #676103 92%);

 

HEX #676103 zu HEX #030967


CSS-Code:

background-image: linear-gradient(135deg, #676103 4%, #030967 100%);

 

HEX #676103 zu HEX #030967


CSS-Code:

background-image: radial-gradient(circle, #676103 13%, #030967 97%);

 

HEX #030967 zu HEX #036710


CSS-Code:

background-image: linear-gradient(135deg, #030967 7%, #036710 98%);

 

HEX #030967 zu HEX #036710


CSS-Code:

background-image: radial-gradient(circle, #030967 13%, #036710 91%);

 

HEX #036710 zu HEX #030967


CSS-Code:

background-image: linear-gradient(135deg, #036710 1%, #030967 87%);

 

HEX #036710 zu HEX #030967


CSS-Code:

background-image: radial-gradient(circle, #036710 1%, #030967 87%);

Linear

HEX #030967 zu HEX #67033C


CSS-Code:

background-image: linear-gradient(135deg, #030967 4%, #67033C 92%);

Radial

HEX #030967 zu HEX #67033C


CSS-Code:

background-image: radial-gradient(circle, #030967 9%, #67033C 90%);

 

HEX #67033C zu HEX #030967


CSS-Code:

background-image: linear-gradient(135deg, #67033C 14%, #030967 87%);

 

HEX #67033C zu HEX #030967


CSS-Code:

background-image: radial-gradient(circle, #67033C 7%, #030967 93%);

 

HEX #030967 zu HEX #676103


CSS-Code:

background-image: linear-gradient(135deg, #030967 3%, #676103 86%);

 

HEX #030967 zu HEX #676103


CSS-Code:

background-image: radial-gradient(circle, #030967 4%, #676103 90%);

 

HEX #676103 zu HEX #030967


CSS-Code:

background-image: linear-gradient(135deg, #676103 5%, #030967 99%);

 

HEX #676103 zu HEX #030967


CSS-Code:

background-image: radial-gradient(circle, #676103 3%, #030967 88%);

 

HEX #030967 zu HEX #03672E


CSS-Code:

background-image: linear-gradient(135deg, #030967 4%, #03672E 86%);

 

HEX #030967 zu HEX #03672E


CSS-Code:

background-image: radial-gradient(circle, #030967 9%, #03672E 94%);

 

HEX #03672E zu HEX #030967


CSS-Code:

background-image: linear-gradient(135deg, #03672E 11%, #030967 98%);

 

HEX #03672E zu HEX #030967


CSS-Code:

background-image: radial-gradient(circle, #03672E 2%, #030967 96%);

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