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

CSS Gradienten:
RGB 224 8 4

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

Bei dieser Farbe hebt sich Rot von den anderen Farben ab. Der Wert der für den roten Farbton steht, ist größer als die anderen beiden Werte. Er hebt sich weit ab vom Wert für den grünen und blauen Farbton. 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 224 Rot, 8 Grün und 4 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.
224 8 4 R G B
Im CMYK-Farbsystem wird die Farbe folgendermaßen zusammengesetzt: In diesem Farbton sind von 100 maximalen Farbanteilen jeweils keine Cyan, 96 Magenta, 98 Gelb und 12 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.
0% 96% 98% 12% C M Y K

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #E00804 zu HEX #1FF7FB


CSS-Code:

background-image: linear-gradient(135deg, #E00804 3%, #1FF7FB 100%);

Radial

HEX #E00804 zu HEX #1FF7FB


CSS-Code:

background-image: radial-gradient(circle, #E00804 5%, #1FF7FB 86%);

 

HEX #1FF7FB zu HEX #E00804


CSS-Code:

background-image: linear-gradient(135deg, #1FF7FB 2%, #E00804 86%);

 

HEX #1FF7FB zu HEX #E00804


CSS-Code:

background-image: radial-gradient(circle, #1FF7FB 5%, #E00804 94%);

Linear

HEX #E00804 zu HEX #E0043B


CSS-Code:

background-image: linear-gradient(135deg, #E00804 10%, #E0043B 89%);

Radial

HEX #E00804 zu HEX #E0043B


CSS-Code:

background-image: radial-gradient(circle, #E00804 11%, #E0043B 86%);

 

HEX #E0043B zu HEX #E00804


CSS-Code:

background-image: linear-gradient(135deg, #E0043B 7%, #E00804 88%);

 

HEX #E0043B zu HEX #E00804


CSS-Code:

background-image: radial-gradient(circle, #E0043B 6%, #E00804 97%);

 

HEX #E00804 zu HEX #E04304


CSS-Code:

background-image: linear-gradient(135deg, #E00804 3%, #E04304 98%);

 

HEX #E00804 zu HEX #E04304


CSS-Code:

background-image: radial-gradient(circle, #E00804 12%, #E04304 95%);

 

HEX #E04304 zu HEX #E00804


CSS-Code:

background-image: linear-gradient(135deg, #E04304 4%, #E00804 91%);

 

HEX #E04304 zu HEX #E00804


CSS-Code:

background-image: radial-gradient(circle, #E04304 1%, #E00804 92%);

 

HEX #E00804 zu HEX #E07D04


CSS-Code:

background-image: linear-gradient(135deg, #E00804 4%, #E07D04 94%);

 

HEX #E00804 zu HEX #E07D04


CSS-Code:

background-image: radial-gradient(circle, #E00804 1%, #E07D04 93%);

 

HEX #E07D04 zu HEX #E00804


CSS-Code:

background-image: linear-gradient(135deg, #E07D04 3%, #E00804 88%);

 

HEX #E07D04 zu HEX #E00804


CSS-Code:

background-image: radial-gradient(circle, #E07D04 3%, #E00804 97%);

Linear

HEX #E00804 zu HEX #B80703


CSS-Code:

background-image: linear-gradient(135deg, #E00804 2%, #B80703 91%);

Radial

HEX #E00804 zu HEX #B80703


CSS-Code:

background-image: radial-gradient(circle, #E00804 8%, #B80703 96%);

 

HEX #B80703 zu HEX #E00804


CSS-Code:

background-image: linear-gradient(135deg, #B80703 2%, #E00804 91%);

 

HEX #B80703 zu HEX #E00804


CSS-Code:

background-image: radial-gradient(circle, #B80703 6%, #E00804 93%);

 

HEX #E00804 zu HEX #FA1814


CSS-Code:

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

 

HEX #E00804 zu HEX #FA1814


CSS-Code:

background-image: radial-gradient(circle, #E00804 10%, #FA1814 98%);

 

HEX #FA1814 zu HEX #E00804


CSS-Code:

background-image: linear-gradient(135deg, #FA1814 11%, #E00804 88%);

 

HEX #FA1814 zu HEX #E00804


CSS-Code:

background-image: radial-gradient(circle, #FA1814 13%, #E00804 86%);

 

HEX #E00804 zu HEX #FB403C


CSS-Code:

background-image: linear-gradient(135deg, #E00804 6%, #FB403C 91%);

 

HEX #E00804 zu HEX #FB403C


CSS-Code:

background-image: radial-gradient(circle, #E00804 11%, #FB403C 96%);

 

HEX #FB403C zu HEX #E00804


CSS-Code:

background-image: linear-gradient(135deg, #FB403C 3%, #E00804 87%);

 

HEX #FB403C zu HEX #E00804


CSS-Code:

background-image: radial-gradient(circle, #FB403C 12%, #E00804 99%);

Linear

HEX #E00804 zu HEX #E0043B


CSS-Code:

background-image: linear-gradient(135deg, #E00804 6%, #E0043B 100%);

Radial

HEX #E00804 zu HEX #E0043B


CSS-Code:

background-image: radial-gradient(circle, #E00804 8%, #E0043B 92%);

 

HEX #E0043B zu HEX #E00804


CSS-Code:

background-image: linear-gradient(135deg, #E0043B 5%, #E00804 96%);

 

HEX #E0043B zu HEX #E00804


CSS-Code:

background-image: radial-gradient(circle, #E0043B 8%, #E00804 90%);

 

HEX #E00804 zu HEX #E04304


CSS-Code:

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

 

HEX #E00804 zu HEX #E04304


CSS-Code:

background-image: radial-gradient(circle, #E00804 11%, #E04304 89%);

 

HEX #E04304 zu HEX #E00804


CSS-Code:

background-image: linear-gradient(135deg, #E04304 9%, #E00804 86%);

 

HEX #E04304 zu HEX #E00804


CSS-Code:

background-image: radial-gradient(circle, #E04304 8%, #E00804 89%);

 

HEX #E00804 zu HEX #E07D04


CSS-Code:

background-image: linear-gradient(135deg, #E00804 13%, #E07D04 95%);

 

HEX #E00804 zu HEX #E07D04


CSS-Code:

background-image: radial-gradient(circle, #E00804 10%, #E07D04 95%);

 

HEX #E07D04 zu HEX #E00804


CSS-Code:

background-image: linear-gradient(135deg, #E07D04 7%, #E00804 96%);

 

HEX #E07D04 zu HEX #E00804


CSS-Code:

background-image: radial-gradient(circle, #E07D04 4%, #E00804 100%);

Linear

HEX #E00804 zu HEX #B80703


CSS-Code:

background-image: linear-gradient(135deg, #E00804 2%, #B80703 93%);

Radial

HEX #E00804 zu HEX #B80703


CSS-Code:

background-image: radial-gradient(circle, #E00804 10%, #B80703 100%);

 

HEX #B80703 zu HEX #E00804


CSS-Code:

background-image: linear-gradient(135deg, #B80703 6%, #E00804 87%);

 

HEX #B80703 zu HEX #E00804


CSS-Code:

background-image: radial-gradient(circle, #B80703 9%, #E00804 87%);

 

HEX #E00804 zu HEX #FA1814


CSS-Code:

background-image: linear-gradient(135deg, #E00804 3%, #FA1814 87%);

 

HEX #E00804 zu HEX #FA1814


CSS-Code:

background-image: radial-gradient(circle, #E00804 14%, #FA1814 90%);

 

HEX #FA1814 zu HEX #E00804


CSS-Code:

background-image: linear-gradient(135deg, #FA1814 3%, #E00804 95%);

 

HEX #FA1814 zu HEX #E00804


CSS-Code:

background-image: radial-gradient(circle, #FA1814 9%, #E00804 92%);

 

HEX #E00804 zu HEX #FB403C


CSS-Code:

background-image: linear-gradient(135deg, #E00804 0%, #FB403C 90%);

 

HEX #E00804 zu HEX #FB403C


CSS-Code:

background-image: radial-gradient(circle, #E00804 2%, #FB403C 94%);

 

HEX #FB403C zu HEX #E00804


CSS-Code:

background-image: linear-gradient(135deg, #FB403C 14%, #E00804 98%);

 

HEX #FB403C zu HEX #E00804


CSS-Code:

background-image: radial-gradient(circle, #FB403C 13%, #E00804 87%);

Linear

HEX #E00804 zu HEX #B1E004


CSS-Code:

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

Radial

HEX #E00804 zu HEX #B1E004


CSS-Code:

background-image: radial-gradient(circle, #E00804 12%, #B1E004 92%);

 

HEX #B1E004 zu HEX #E00804


CSS-Code:

background-image: linear-gradient(135deg, #B1E004 11%, #E00804 99%);

 

HEX #B1E004 zu HEX #E00804


CSS-Code:

background-image: radial-gradient(circle, #B1E004 14%, #E00804 92%);

 

HEX #E00804 zu HEX #0459E0


CSS-Code:

background-image: linear-gradient(135deg, #E00804 8%, #0459E0 91%);

 

HEX #E00804 zu HEX #0459E0


CSS-Code:

background-image: radial-gradient(circle, #E00804 6%, #0459E0 97%);

 

HEX #0459E0 zu HEX #E00804


CSS-Code:

background-image: linear-gradient(135deg, #0459E0 9%, #E00804 94%);

 

HEX #0459E0 zu HEX #E00804


CSS-Code:

background-image: radial-gradient(circle, #0459E0 14%, #E00804 92%);

Linear

HEX #E00804 zu HEX #04E008


CSS-Code:

background-image: linear-gradient(135deg, #E00804 3%, #04E008 93%);

Radial

HEX #E00804 zu HEX #04E008


CSS-Code:

background-image: radial-gradient(circle, #E00804 8%, #04E008 90%);

 

HEX #04E008 zu HEX #E00804


CSS-Code:

background-image: linear-gradient(135deg, #04E008 0%, #E00804 96%);

 

HEX #04E008 zu HEX #E00804


CSS-Code:

background-image: radial-gradient(circle, #04E008 0%, #E00804 86%);

 

HEX #E00804 zu HEX #0804E0


CSS-Code:

background-image: linear-gradient(135deg, #E00804 12%, #0804E0 99%);

 

HEX #E00804 zu HEX #0804E0


CSS-Code:

background-image: radial-gradient(circle, #E00804 12%, #0804E0 94%);

 

HEX #0804E0 zu HEX #E00804


CSS-Code:

background-image: linear-gradient(135deg, #0804E0 1%, #E00804 97%);

 

HEX #0804E0 zu HEX #E00804


CSS-Code:

background-image: radial-gradient(circle, #0804E0 10%, #E00804 93%);

Linear

HEX #E00804 zu HEX #B1E004


CSS-Code:

background-image: linear-gradient(135deg, #E00804 3%, #B1E004 98%);

Radial

HEX #E00804 zu HEX #B1E004


CSS-Code:

background-image: radial-gradient(circle, #E00804 12%, #B1E004 88%);

 

HEX #B1E004 zu HEX #E00804


CSS-Code:

background-image: linear-gradient(135deg, #B1E004 13%, #E00804 95%);

 

HEX #B1E004 zu HEX #E00804


CSS-Code:

background-image: radial-gradient(circle, #B1E004 11%, #E00804 87%);

 

HEX #E00804 zu HEX #04DDE0


CSS-Code:

background-image: linear-gradient(135deg, #E00804 8%, #04DDE0 88%);

 

HEX #E00804 zu HEX #04DDE0


CSS-Code:

background-image: radial-gradient(circle, #E00804 14%, #04DDE0 87%);

 

HEX #04DDE0 zu HEX #E00804


CSS-Code:

background-image: linear-gradient(135deg, #04DDE0 12%, #E00804 94%);

 

HEX #04DDE0 zu HEX #E00804


CSS-Code:

background-image: radial-gradient(circle, #04DDE0 2%, #E00804 97%);

 

HEX #E00804 zu HEX #3404E0


CSS-Code:

background-image: linear-gradient(135deg, #E00804 1%, #3404E0 90%);

 

HEX #E00804 zu HEX #3404E0


CSS-Code:

background-image: radial-gradient(circle, #E00804 2%, #3404E0 86%);

 

HEX #3404E0 zu HEX #E00804


CSS-Code:

background-image: linear-gradient(135deg, #3404E0 10%, #E00804 88%);

 

HEX #3404E0 zu HEX #E00804


CSS-Code:

background-image: radial-gradient(circle, #3404E0 7%, #E00804 89%);

Linear

HEX #E00804 zu HEX #6FE004


CSS-Code:

background-image: linear-gradient(135deg, #E00804 5%, #6FE004 87%);

Radial

HEX #E00804 zu HEX #6FE004


CSS-Code:

background-image: radial-gradient(circle, #E00804 13%, #6FE004 90%);

 

HEX #6FE004 zu HEX #E00804


CSS-Code:

background-image: linear-gradient(135deg, #6FE004 3%, #E00804 96%);

 

HEX #6FE004 zu HEX #E00804


CSS-Code:

background-image: radial-gradient(circle, #6FE004 13%, #E00804 88%);

 

HEX #E00804 zu HEX #04DDE0


CSS-Code:

background-image: linear-gradient(135deg, #E00804 1%, #04DDE0 98%);

 

HEX #E00804 zu HEX #04DDE0


CSS-Code:

background-image: radial-gradient(circle, #E00804 4%, #04DDE0 88%);

 

HEX #04DDE0 zu HEX #E00804


CSS-Code:

background-image: linear-gradient(135deg, #04DDE0 4%, #E00804 100%);

 

HEX #04DDE0 zu HEX #E00804


CSS-Code:

background-image: radial-gradient(circle, #04DDE0 2%, #E00804 100%);

 

HEX #E00804 zu HEX #7604E0


CSS-Code:

background-image: linear-gradient(135deg, #E00804 7%, #7604E0 88%);

 

HEX #E00804 zu HEX #7604E0


CSS-Code:

background-image: radial-gradient(circle, #E00804 5%, #7604E0 86%);

 

HEX #7604E0 zu HEX #E00804


CSS-Code:

background-image: linear-gradient(135deg, #7604E0 12%, #E00804 89%);

 

HEX #7604E0 zu HEX #E00804


CSS-Code:

background-image: radial-gradient(circle, #7604E0 2%, #E00804 89%);

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

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)

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

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

Icons

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)

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.