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.
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 25 Rot, 8 Grün und 128 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.
Im CMYK-Farbsystem wird die Farbe folgendermaßen zusammengesetzt: In diesem Farbton sind von 100 maximalen Farbanteilen jeweils 80 Cyan, 94 Magenta, keine Gelb und 50 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.
Bieten Sie Designern und Agenturen präzise Farbwerte.
Linear
CSS-Code:
background-image: linear-gradient(135deg, #190880 12%, #E6F77F 89%);
Radial
CSS-Code:
background-image: radial-gradient(circle, #190880 4%, #E6F77F 94%);
CSS-Code:
background-image: linear-gradient(135deg, #E6F77F 1%, #190880 96%);
CSS-Code:
background-image: radial-gradient(circle, #E6F77F 13%, #190880 92%);
Linear
CSS-Code:
background-image: linear-gradient(135deg, #190880 7%, #081881 88%);
Radial
CSS-Code:
background-image: radial-gradient(circle, #190880 13%, #081881 99%);
CSS-Code:
background-image: linear-gradient(135deg, #081881 13%, #190880 86%);
CSS-Code:
background-image: radial-gradient(circle, #081881 12%, #190880 90%);
CSS-Code:
background-image: linear-gradient(135deg, #190880 7%, #180881 100%);
CSS-Code:
background-image: radial-gradient(circle, #190880 3%, #180881 94%);
CSS-Code:
background-image: linear-gradient(135deg, #180881 5%, #190880 98%);
CSS-Code:
background-image: radial-gradient(circle, #180881 3%, #190880 88%);
CSS-Code:
background-image: linear-gradient(135deg, #190880 14%, #380881 87%);
CSS-Code:
background-image: radial-gradient(circle, #190880 10%, #380881 96%);
CSS-Code:
background-image: linear-gradient(135deg, #380881 12%, #190880 96%);
CSS-Code:
background-image: radial-gradient(circle, #380881 14%, #190880 98%);
CSS-Code:
background-image: linear-gradient(135deg, #190880 5%, #590881 89%);
CSS-Code:
background-image: radial-gradient(circle, #190880 3%, #590881 87%);
CSS-Code:
background-image: linear-gradient(135deg, #590881 11%, #190880 90%);
CSS-Code:
background-image: radial-gradient(circle, #590881 8%, #190880 89%);
Linear
CSS-Code:
background-image: linear-gradient(135deg, #190880 6%, #11055A 100%);
Radial
CSS-Code:
background-image: radial-gradient(circle, #190880 3%, #11055A 91%);
CSS-Code:
background-image: linear-gradient(135deg, #11055A 10%, #190880 98%);
CSS-Code:
background-image: radial-gradient(circle, #11055A 1%, #190880 94%);
CSS-Code:
background-image: linear-gradient(135deg, #190880 6%, #190881 100%);
CSS-Code:
background-image: radial-gradient(circle, #190880 8%, #190881 95%);
CSS-Code:
background-image: linear-gradient(135deg, #190881 13%, #190880 99%);
CSS-Code:
background-image: radial-gradient(circle, #190881 5%, #190880 87%);
CSS-Code:
background-image: linear-gradient(135deg, #190880 1%, #210AA8 92%);
CSS-Code:
background-image: radial-gradient(circle, #190880 14%, #210AA8 87%);
CSS-Code:
background-image: linear-gradient(135deg, #210AA8 14%, #190880 96%);
CSS-Code:
background-image: radial-gradient(circle, #210AA8 0%, #190880 88%);
CSS-Code:
background-image: linear-gradient(135deg, #190880 11%, #280DCF 89%);
CSS-Code:
background-image: radial-gradient(circle, #190880 4%, #280DCF 90%);
CSS-Code:
background-image: linear-gradient(135deg, #280DCF 14%, #190880 88%);
CSS-Code:
background-image: radial-gradient(circle, #280DCF 6%, #190880 89%);
Linear
CSS-Code:
background-image: linear-gradient(135deg, #190880 3%, #081881 86%);
Radial
CSS-Code:
background-image: radial-gradient(circle, #190880 13%, #081881 90%);
CSS-Code:
background-image: linear-gradient(135deg, #081881 0%, #190880 86%);
CSS-Code:
background-image: radial-gradient(circle, #081881 9%, #190880 96%);
CSS-Code:
background-image: linear-gradient(135deg, #190880 8%, #180881 89%);
CSS-Code:
background-image: radial-gradient(circle, #190880 9%, #180881 86%);
CSS-Code:
background-image: linear-gradient(135deg, #180881 4%, #190880 99%);
CSS-Code:
background-image: radial-gradient(circle, #180881 10%, #190880 88%);
CSS-Code:
background-image: linear-gradient(135deg, #190880 4%, #380881 94%);
CSS-Code:
background-image: radial-gradient(circle, #190880 10%, #380881 98%);
CSS-Code:
background-image: linear-gradient(135deg, #380881 9%, #190880 86%);
CSS-Code:
background-image: radial-gradient(circle, #380881 6%, #190880 91%);
CSS-Code:
background-image: linear-gradient(135deg, #190880 5%, #590881 99%);
CSS-Code:
background-image: radial-gradient(circle, #190880 4%, #590881 98%);
CSS-Code:
background-image: linear-gradient(135deg, #590881 8%, #190880 87%);
CSS-Code:
background-image: radial-gradient(circle, #590881 5%, #190880 97%);
Linear
CSS-Code:
background-image: linear-gradient(135deg, #190880 11%, #11055A 94%);
Radial
CSS-Code:
background-image: radial-gradient(circle, #190880 13%, #11055A 92%);
CSS-Code:
background-image: linear-gradient(135deg, #11055A 10%, #190880 87%);
CSS-Code:
background-image: radial-gradient(circle, #11055A 10%, #190880 90%);
CSS-Code:
background-image: linear-gradient(135deg, #190880 12%, #190881 97%);
CSS-Code:
background-image: radial-gradient(circle, #190880 4%, #190881 94%);
CSS-Code:
background-image: linear-gradient(135deg, #190881 8%, #190880 89%);
CSS-Code:
background-image: radial-gradient(circle, #190881 0%, #190880 92%);
CSS-Code:
background-image: linear-gradient(135deg, #190880 2%, #210AA8 95%);
CSS-Code:
background-image: radial-gradient(circle, #190880 12%, #210AA8 88%);
CSS-Code:
background-image: linear-gradient(135deg, #210AA8 1%, #190880 89%);
CSS-Code:
background-image: radial-gradient(circle, #210AA8 6%, #190880 86%);
CSS-Code:
background-image: linear-gradient(135deg, #190880 5%, #280DCF 99%);
CSS-Code:
background-image: radial-gradient(circle, #190880 12%, #280DCF 95%);
CSS-Code:
background-image: linear-gradient(135deg, #280DCF 12%, #190880 95%);
CSS-Code:
background-image: radial-gradient(circle, #280DCF 9%, #190880 93%);
Linear
CSS-Code:
background-image: linear-gradient(135deg, #190880 10%, #810859 94%);
Radial
CSS-Code:
background-image: radial-gradient(circle, #190880 13%, #810859 93%);
CSS-Code:
background-image: linear-gradient(135deg, #810859 3%, #190880 92%);
CSS-Code:
background-image: radial-gradient(circle, #810859 6%, #190880 87%);
CSS-Code:
background-image: linear-gradient(135deg, #190880 0%, #288108 98%);
CSS-Code:
background-image: radial-gradient(circle, #190880 11%, #288108 97%);
CSS-Code:
background-image: linear-gradient(135deg, #288108 7%, #190880 88%);
CSS-Code:
background-image: radial-gradient(circle, #288108 4%, #190880 93%);
Linear
CSS-Code:
background-image: linear-gradient(135deg, #190880 3%, #811808 99%);
Radial
CSS-Code:
background-image: radial-gradient(circle, #190880 4%, #811808 92%);
CSS-Code:
background-image: linear-gradient(135deg, #811808 10%, #190880 92%);
CSS-Code:
background-image: radial-gradient(circle, #811808 9%, #190880 94%);
CSS-Code:
background-image: linear-gradient(135deg, #190880 5%, #088118 96%);
CSS-Code:
background-image: radial-gradient(circle, #190880 4%, #088118 89%);
CSS-Code:
background-image: linear-gradient(135deg, #088118 5%, #190880 90%);
CSS-Code:
background-image: radial-gradient(circle, #088118 6%, #190880 86%);
Linear
CSS-Code:
background-image: linear-gradient(135deg, #190880 3%, #810859 88%);
Radial
CSS-Code:
background-image: radial-gradient(circle, #190880 4%, #810859 99%);
CSS-Code:
background-image: linear-gradient(135deg, #810859 5%, #190880 90%);
CSS-Code:
background-image: radial-gradient(circle, #810859 6%, #190880 94%);
CSS-Code:
background-image: linear-gradient(135deg, #190880 8%, #718108 90%);
CSS-Code:
background-image: radial-gradient(circle, #190880 5%, #718108 89%);
CSS-Code:
background-image: linear-gradient(135deg, #718108 13%, #190880 86%);
CSS-Code:
background-image: radial-gradient(circle, #718108 0%, #190880 94%);
CSS-Code:
background-image: linear-gradient(135deg, #190880 7%, #088130 95%);
CSS-Code:
background-image: radial-gradient(circle, #190880 2%, #088130 99%);
CSS-Code:
background-image: linear-gradient(135deg, #088130 6%, #190880 88%);
CSS-Code:
background-image: radial-gradient(circle, #088130 1%, #190880 92%);
Linear
CSS-Code:
background-image: linear-gradient(135deg, #190880 3%, #810834 99%);
Radial
CSS-Code:
background-image: radial-gradient(circle, #190880 2%, #810834 100%);
CSS-Code:
background-image: linear-gradient(135deg, #810834 14%, #190880 86%);
CSS-Code:
background-image: radial-gradient(circle, #810834 14%, #190880 91%);
CSS-Code:
background-image: linear-gradient(135deg, #190880 11%, #718108 86%);
CSS-Code:
background-image: radial-gradient(circle, #190880 7%, #718108 92%);
CSS-Code:
background-image: linear-gradient(135deg, #718108 3%, #190880 87%);
CSS-Code:
background-image: radial-gradient(circle, #718108 5%, #190880 100%);
CSS-Code:
background-image: linear-gradient(135deg, #190880 1%, #088155 87%);
CSS-Code:
background-image: radial-gradient(circle, #190880 6%, #088155 87%);
CSS-Code:
background-image: linear-gradient(135deg, #088155 10%, #190880 87%);
CSS-Code:
background-image: radial-gradient(circle, #088155 10%, #190880 100%);
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
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)
CMYK in HEX
umrechnen von CMYK cyan / magenta / gelb / key zu #RRGGBB
CMYK in RGB
umrechnen von CMYK cyan / magenta / gelb / key zu RGB rot grün blau
CMYK in RAL®
umrechnen von CMYK cyan / magenta / gelb / key zu RAL®-Nummer (RAL 0000)
CMYK in HKS®
umrechnen von CMYK cyan / magenta / gelb / key zu HKS®-Nummer (HKS 00)
CMYK in PANTONE®
umrechnen von CMYK cyan / magenta / gelb / key zu Pantone®-Nummer (Pantone 0000)
CMYK in Sherwin Williams®
umrechnen von CMYK cyan / magenta / gelb / key zu Sherwin Williams®-Nummer (SW 0000)
CMYK in NCS®
umrechnen von CMYK cyan / magenta / gelb / key zu NCS-Nummer (S0000-X00X)
HEX in RGB
umrechnen von #RRGGBB zu RGB rot grün blau
HEX in CMYK
umrechnen von #RRGGBB zu CMYK cyan / magenta / gelb / key
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)
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
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)
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
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)
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
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)
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
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)
NCS® in RGB
umrechnen von NCS-Nummer (S0000-X00X) zu RGB rot grün blau
NCS® in CMYK
umrechnen von NCS-Nummer (S0000-X00X) zu CMYK cyan / magenta / gelb / key
NCS® in HEX
umrechnen von NCS-Nummer (S0000-X00X) zu #RRGGBB
NCS® in RAL®
umrechnen von NCS-Nummer (S0000-X00X) zu RAL®-Nummer (RAL 0000)
NCS® in HKS®
umrechnen von NCS-Nummer (S0000-X00X) zu HKS®-Nummer (HKS 00)
NCS® in PANTONE®
umrechnen von NCS-Nummer (S0000-X00X) zu Pantone®-Nummer (Pantone 0000)
NCS® in Sherwin Williams®
umrechnen von NCS-Nummer (S0000-X00X) zu Sherwin Williams®-Nummer (SW 0000)