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

✕

CSS Gradienten:
#EAEA04

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 Gelb von den anderen Farben ab. Die Werte die für den roten und grünen Farbton stehen, sind größer als der dritte Wert. Sie liegen nahe beieinander und übertreffen den Wert des blauen Farbtons. Da die Farbwerte im Vergleich zu anderen relativ hoch sind, erscheint uns dieser Farbton heller.

Die Aufschlüsselung der Farbe in das RGB-Farbsystem: In diesem Farbton sind von 255 maximalen Farbanteilen jeweils 234 Rot, 234 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.
234 234 4 R G B
Im CMYK-Farbsystem wird die Farbe folgendermaßen zusammengesetzt: In diesem Farbton sind von 100 maximalen Farbanteilen jeweils keine Cyan, keine Magenta, 98 Gelb und 8 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% 0% 98% 8% C M Y K

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #EAEA04 zu HEX #1515FB


CSS-Code:

background-image: linear-gradient(135deg, #EAEA04 14%, #1515FB 91%);

Radial

HEX #EAEA04 zu HEX #1515FB


CSS-Code:

background-image: radial-gradient(circle, #EAEA04 5%, #1515FB 86%);

 

HEX #1515FB zu HEX #EAEA04


CSS-Code:

background-image: linear-gradient(135deg, #1515FB 12%, #EAEA04 98%);

 

HEX #1515FB zu HEX #EAEA04


CSS-Code:

background-image: radial-gradient(circle, #1515FB 13%, #EAEA04 95%);

Linear

HEX #EAEA04 zu HEX #ECAE03


CSS-Code:

background-image: linear-gradient(135deg, #EAEA04 8%, #ECAE03 95%);

Radial

HEX #EAEA04 zu HEX #ECAE03


CSS-Code:

background-image: radial-gradient(circle, #EAEA04 8%, #ECAE03 90%);

 

HEX #ECAE03 zu HEX #EAEA04


CSS-Code:

background-image: linear-gradient(135deg, #ECAE03 10%, #EAEA04 97%);

 

HEX #ECAE03 zu HEX #EAEA04


CSS-Code:

background-image: radial-gradient(circle, #ECAE03 8%, #EAEA04 92%);

 

HEX #EAEA04 zu HEX #ECEC03


CSS-Code:

background-image: linear-gradient(135deg, #EAEA04 0%, #ECEC03 93%);

 

HEX #EAEA04 zu HEX #ECEC03


CSS-Code:

background-image: radial-gradient(circle, #EAEA04 10%, #ECEC03 93%);

 

HEX #ECEC03 zu HEX #EAEA04


CSS-Code:

background-image: linear-gradient(135deg, #ECEC03 7%, #EAEA04 93%);

 

HEX #ECEC03 zu HEX #EAEA04


CSS-Code:

background-image: radial-gradient(circle, #ECEC03 5%, #EAEA04 86%);

 

HEX #EAEA04 zu HEX #AEEC03


CSS-Code:

background-image: linear-gradient(135deg, #EAEA04 12%, #AEEC03 94%);

 

HEX #EAEA04 zu HEX #AEEC03


CSS-Code:

background-image: radial-gradient(circle, #EAEA04 9%, #AEEC03 92%);

 

HEX #AEEC03 zu HEX #EAEA04


CSS-Code:

background-image: linear-gradient(135deg, #AEEC03 2%, #EAEA04 92%);

 

HEX #AEEC03 zu HEX #EAEA04


CSS-Code:

background-image: radial-gradient(circle, #AEEC03 5%, #EAEA04 90%);

 

HEX #EAEA04 zu HEX #70EC03


CSS-Code:

background-image: linear-gradient(135deg, #EAEA04 0%, #70EC03 93%);

 

HEX #EAEA04 zu HEX #70EC03


CSS-Code:

background-image: radial-gradient(circle, #EAEA04 0%, #70EC03 88%);

 

HEX #70EC03 zu HEX #EAEA04


CSS-Code:

background-image: linear-gradient(135deg, #70EC03 0%, #EAEA04 99%);

 

HEX #70EC03 zu HEX #EAEA04


CSS-Code:

background-image: radial-gradient(circle, #70EC03 8%, #EAEA04 87%);

Linear

HEX #EAEA04 zu HEX #C3C302


CSS-Code:

background-image: linear-gradient(135deg, #EAEA04 4%, #C3C302 92%);

Radial

HEX #EAEA04 zu HEX #C3C302


CSS-Code:

background-image: radial-gradient(circle, #EAEA04 6%, #C3C302 87%);

 

HEX #C3C302 zu HEX #EAEA04


CSS-Code:

background-image: linear-gradient(135deg, #C3C302 8%, #EAEA04 87%);

 

HEX #C3C302 zu HEX #EAEA04


CSS-Code:

background-image: radial-gradient(circle, #C3C302 7%, #EAEA04 98%);

 

HEX #EAEA04 zu HEX #ECEC03


CSS-Code:

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

 

HEX #EAEA04 zu HEX #ECEC03


CSS-Code:

background-image: radial-gradient(circle, #EAEA04 3%, #ECEC03 93%);

 

HEX #ECEC03 zu HEX #EAEA04


CSS-Code:

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

 

HEX #ECEC03 zu HEX #EAEA04


CSS-Code:

background-image: radial-gradient(circle, #ECEC03 9%, #EAEA04 87%);

 

HEX #EAEA04 zu HEX #FBFB1D


CSS-Code:

background-image: linear-gradient(135deg, #EAEA04 14%, #FBFB1D 86%);

 

HEX #EAEA04 zu HEX #FBFB1D


CSS-Code:

background-image: radial-gradient(circle, #EAEA04 2%, #FBFB1D 88%);

 

HEX #FBFB1D zu HEX #EAEA04


CSS-Code:

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

 

HEX #FBFB1D zu HEX #EAEA04


CSS-Code:

background-image: radial-gradient(circle, #FBFB1D 5%, #EAEA04 96%);

 

HEX #EAEA04 zu HEX #FCFC46


CSS-Code:

background-image: linear-gradient(135deg, #EAEA04 7%, #FCFC46 97%);

 

HEX #EAEA04 zu HEX #FCFC46


CSS-Code:

background-image: radial-gradient(circle, #EAEA04 14%, #FCFC46 90%);

 

HEX #FCFC46 zu HEX #EAEA04


CSS-Code:

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

 

HEX #FCFC46 zu HEX #EAEA04


CSS-Code:

background-image: radial-gradient(circle, #FCFC46 9%, #EAEA04 97%);

Linear

HEX #EAEA04 zu HEX #ECAE03


CSS-Code:

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

Radial

HEX #EAEA04 zu HEX #ECAE03


CSS-Code:

background-image: radial-gradient(circle, #EAEA04 6%, #ECAE03 90%);

 

HEX #ECAE03 zu HEX #EAEA04


CSS-Code:

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

 

HEX #ECAE03 zu HEX #EAEA04


CSS-Code:

background-image: radial-gradient(circle, #ECAE03 4%, #EAEA04 98%);

 

HEX #EAEA04 zu HEX #ECEC03


CSS-Code:

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

 

HEX #EAEA04 zu HEX #ECEC03


CSS-Code:

background-image: radial-gradient(circle, #EAEA04 5%, #ECEC03 95%);

 

HEX #ECEC03 zu HEX #EAEA04


CSS-Code:

background-image: linear-gradient(135deg, #ECEC03 10%, #EAEA04 90%);

 

HEX #ECEC03 zu HEX #EAEA04


CSS-Code:

background-image: radial-gradient(circle, #ECEC03 11%, #EAEA04 97%);

 

HEX #EAEA04 zu HEX #AEEC03


CSS-Code:

background-image: linear-gradient(135deg, #EAEA04 9%, #AEEC03 87%);

 

HEX #EAEA04 zu HEX #AEEC03


CSS-Code:

background-image: radial-gradient(circle, #EAEA04 5%, #AEEC03 88%);

 

HEX #AEEC03 zu HEX #EAEA04


CSS-Code:

background-image: linear-gradient(135deg, #AEEC03 11%, #EAEA04 94%);

 

HEX #AEEC03 zu HEX #EAEA04


CSS-Code:

background-image: radial-gradient(circle, #AEEC03 9%, #EAEA04 92%);

 

HEX #EAEA04 zu HEX #70EC03


CSS-Code:

background-image: linear-gradient(135deg, #EAEA04 5%, #70EC03 98%);

 

HEX #EAEA04 zu HEX #70EC03


CSS-Code:

background-image: radial-gradient(circle, #EAEA04 4%, #70EC03 100%);

 

HEX #70EC03 zu HEX #EAEA04


CSS-Code:

background-image: linear-gradient(135deg, #70EC03 11%, #EAEA04 99%);

 

HEX #70EC03 zu HEX #EAEA04


CSS-Code:

background-image: radial-gradient(circle, #70EC03 5%, #EAEA04 97%);

Linear

HEX #EAEA04 zu HEX #C3C302


CSS-Code:

background-image: linear-gradient(135deg, #EAEA04 4%, #C3C302 96%);

Radial

HEX #EAEA04 zu HEX #C3C302


CSS-Code:

background-image: radial-gradient(circle, #EAEA04 9%, #C3C302 98%);

 

HEX #C3C302 zu HEX #EAEA04


CSS-Code:

background-image: linear-gradient(135deg, #C3C302 5%, #EAEA04 91%);

 

HEX #C3C302 zu HEX #EAEA04


CSS-Code:

background-image: radial-gradient(circle, #C3C302 14%, #EAEA04 97%);

 

HEX #EAEA04 zu HEX #ECEC03


CSS-Code:

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

 

HEX #EAEA04 zu HEX #ECEC03


CSS-Code:

background-image: radial-gradient(circle, #EAEA04 7%, #ECEC03 100%);

 

HEX #ECEC03 zu HEX #EAEA04


CSS-Code:

background-image: linear-gradient(135deg, #ECEC03 10%, #EAEA04 100%);

 

HEX #ECEC03 zu HEX #EAEA04


CSS-Code:

background-image: radial-gradient(circle, #ECEC03 8%, #EAEA04 98%);

 

HEX #EAEA04 zu HEX #FBFB1D


CSS-Code:

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

 

HEX #EAEA04 zu HEX #FBFB1D


CSS-Code:

background-image: radial-gradient(circle, #EAEA04 10%, #FBFB1D 89%);

 

HEX #FBFB1D zu HEX #EAEA04


CSS-Code:

background-image: linear-gradient(135deg, #FBFB1D 1%, #EAEA04 88%);

 

HEX #FBFB1D zu HEX #EAEA04


CSS-Code:

background-image: radial-gradient(circle, #FBFB1D 3%, #EAEA04 90%);

 

HEX #EAEA04 zu HEX #FCFC46


CSS-Code:

background-image: linear-gradient(135deg, #EAEA04 10%, #FCFC46 86%);

 

HEX #EAEA04 zu HEX #FCFC46


CSS-Code:

background-image: radial-gradient(circle, #EAEA04 13%, #FCFC46 92%);

 

HEX #FCFC46 zu HEX #EAEA04


CSS-Code:

background-image: linear-gradient(135deg, #FCFC46 8%, #EAEA04 99%);

 

HEX #FCFC46 zu HEX #EAEA04


CSS-Code:

background-image: radial-gradient(circle, #FCFC46 3%, #EAEA04 88%);

Linear

HEX #EAEA04 zu HEX #03EC32


CSS-Code:

background-image: linear-gradient(135deg, #EAEA04 8%, #03EC32 88%);

Radial

HEX #EAEA04 zu HEX #03EC32


CSS-Code:

background-image: radial-gradient(circle, #EAEA04 13%, #03EC32 93%);

 

HEX #03EC32 zu HEX #EAEA04


CSS-Code:

background-image: linear-gradient(135deg, #03EC32 10%, #EAEA04 99%);

 

HEX #03EC32 zu HEX #EAEA04


CSS-Code:

background-image: radial-gradient(circle, #03EC32 6%, #EAEA04 95%);

 

HEX #EAEA04 zu HEX #8F03EC


CSS-Code:

background-image: linear-gradient(135deg, #EAEA04 12%, #8F03EC 91%);

 

HEX #EAEA04 zu HEX #8F03EC


CSS-Code:

background-image: radial-gradient(circle, #EAEA04 10%, #8F03EC 97%);

 

HEX #8F03EC zu HEX #EAEA04


CSS-Code:

background-image: linear-gradient(135deg, #8F03EC 12%, #EAEA04 86%);

 

HEX #8F03EC zu HEX #EAEA04


CSS-Code:

background-image: radial-gradient(circle, #8F03EC 4%, #EAEA04 98%);

Linear

HEX #EAEA04 zu HEX #03ECEC


CSS-Code:

background-image: linear-gradient(135deg, #EAEA04 8%, #03ECEC 86%);

Radial

HEX #EAEA04 zu HEX #03ECEC


CSS-Code:

background-image: radial-gradient(circle, #EAEA04 1%, #03ECEC 91%);

 

HEX #03ECEC zu HEX #EAEA04


CSS-Code:

background-image: linear-gradient(135deg, #03ECEC 1%, #EAEA04 88%);

 

HEX #03ECEC zu HEX #EAEA04


CSS-Code:

background-image: radial-gradient(circle, #03ECEC 12%, #EAEA04 98%);

 

HEX #EAEA04 zu HEX #EC03EC


CSS-Code:

background-image: linear-gradient(135deg, #EAEA04 0%, #EC03EC 92%);

 

HEX #EAEA04 zu HEX #EC03EC


CSS-Code:

background-image: radial-gradient(circle, #EAEA04 11%, #EC03EC 97%);

 

HEX #EC03EC zu HEX #EAEA04


CSS-Code:

background-image: linear-gradient(135deg, #EC03EC 4%, #EAEA04 93%);

 

HEX #EC03EC zu HEX #EAEA04


CSS-Code:

background-image: radial-gradient(circle, #EC03EC 6%, #EAEA04 98%);

Linear

HEX #EAEA04 zu HEX #03EC32


CSS-Code:

background-image: linear-gradient(135deg, #EAEA04 5%, #03EC32 96%);

Radial

HEX #EAEA04 zu HEX #03EC32


CSS-Code:

background-image: radial-gradient(circle, #EAEA04 8%, #03EC32 97%);

 

HEX #03EC32 zu HEX #EAEA04


CSS-Code:

background-image: linear-gradient(135deg, #03EC32 7%, #EAEA04 98%);

 

HEX #03EC32 zu HEX #EAEA04


CSS-Code:

background-image: radial-gradient(circle, #03EC32 14%, #EAEA04 99%);

 

HEX #EAEA04 zu HEX #0303EC


CSS-Code:

background-image: linear-gradient(135deg, #EAEA04 0%, #0303EC 90%);

 

HEX #EAEA04 zu HEX #0303EC


CSS-Code:

background-image: radial-gradient(circle, #EAEA04 1%, #0303EC 90%);

 

HEX #0303EC zu HEX #EAEA04


CSS-Code:

background-image: linear-gradient(135deg, #0303EC 13%, #EAEA04 97%);

 

HEX #0303EC zu HEX #EAEA04


CSS-Code:

background-image: radial-gradient(circle, #0303EC 11%, #EAEA04 92%);

 

HEX #EAEA04 zu HEX #EC03BD


CSS-Code:

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

 

HEX #EAEA04 zu HEX #EC03BD


CSS-Code:

background-image: radial-gradient(circle, #EAEA04 6%, #EC03BD 100%);

 

HEX #EC03BD zu HEX #EAEA04


CSS-Code:

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

 

HEX #EC03BD zu HEX #EAEA04


CSS-Code:

background-image: radial-gradient(circle, #EC03BD 3%, #EAEA04 96%);

Linear

HEX #EAEA04 zu HEX #03EC77


CSS-Code:

background-image: linear-gradient(135deg, #EAEA04 0%, #03EC77 99%);

Radial

HEX #EAEA04 zu HEX #03EC77


CSS-Code:

background-image: radial-gradient(circle, #EAEA04 1%, #03EC77 95%);

 

HEX #03EC77 zu HEX #EAEA04


CSS-Code:

background-image: linear-gradient(135deg, #03EC77 4%, #EAEA04 98%);

 

HEX #03EC77 zu HEX #EAEA04


CSS-Code:

background-image: radial-gradient(circle, #03EC77 6%, #EAEA04 95%);

 

HEX #EAEA04 zu HEX #0303EC


CSS-Code:

background-image: linear-gradient(135deg, #EAEA04 11%, #0303EC 92%);

 

HEX #EAEA04 zu HEX #0303EC


CSS-Code:

background-image: radial-gradient(circle, #EAEA04 10%, #0303EC 89%);

 

HEX #0303EC zu HEX #EAEA04


CSS-Code:

background-image: linear-gradient(135deg, #0303EC 2%, #EAEA04 90%);

 

HEX #0303EC zu HEX #EAEA04


CSS-Code:

background-image: radial-gradient(circle, #0303EC 5%, #EAEA04 88%);

 

HEX #EAEA04 zu HEX #EC0377


CSS-Code:

background-image: linear-gradient(135deg, #EAEA04 8%, #EC0377 86%);

 

HEX #EAEA04 zu HEX #EC0377


CSS-Code:

background-image: radial-gradient(circle, #EAEA04 2%, #EC0377 98%);

 

HEX #EC0377 zu HEX #EAEA04


CSS-Code:

background-image: linear-gradient(135deg, #EC0377 8%, #EAEA04 95%);

 

HEX #EC0377 zu HEX #EAEA04


CSS-Code:

background-image: radial-gradient(circle, #EC0377 0%, #EAEA04 100%);

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

To be able to save color palettes, you must be logged in.

Sign in to your account

or

Create an account

Current color palette Share
Should it be public or private?
Link(s) will follow after sharing.

Cancel Share

Color palette shared
Please copy and save the link you want.

Share

OK, I have copied the links

Your colors will be saved in a new color palette.
View it under your profile.
You can further customize it, and share it.

Show color palette
Close

Create a color palette

DownloadDownload in different formats

Remove All

By clicking you can create palettes and download the color swatches.

© 2019-2025 in cooperation ND-DESIGN.WORKS & frag-bobby.de