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

CSS Gradienten:
#DED600

Information

schließe alle

Lassen Sie sich 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: Kopieren Sie den CSS-Code zum einfachen integrieren auf Ihrer Webseite.

Lassen Sie 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: Kopieren Sie den CSS-Code zum einfachen integrieren auf Ihrer Webseite.

Lassen Sie 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: Kopieren Sie den CSS-Code zum einfachen integrieren auf Ihrer Webseite.

Anzeigeoptionen

Beschreibung

Rot und Grün dominieren diesen Farbton deutlich: Der Rot- und der Grünwert liegen über Blau. Helle Farbe: hohe Farbwerte erzeugen einen hellen Eindruck.

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

Verifizierung Ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #DED600 zu HEX #2129FF


CSS-Code:

background-image: linear-gradient(135deg, #DED600 2%, #2129FF 94%);

Radial

HEX #DED600 zu HEX #2129FF


CSS-Code:

background-image: radial-gradient(circle, #DED600 13%, #2129FF 94%);

 

HEX #2129FF zu HEX #DED600


CSS-Code:

background-image: linear-gradient(135deg, #2129FF 14%, #DED600 89%);

 

HEX #2129FF zu HEX #DED600


CSS-Code:

background-image: radial-gradient(circle, #2129FF 7%, #DED600 100%);

Linear

HEX #DED600 zu HEX #E09900


CSS-Code:

background-image: linear-gradient(135deg, #DED600 9%, #E09900 90%);

Radial

HEX #DED600 zu HEX #E09900


CSS-Code:

background-image: radial-gradient(circle, #DED600 3%, #E09900 99%);

 

HEX #E09900 zu HEX #DED600


CSS-Code:

background-image: linear-gradient(135deg, #E09900 6%, #DED600 86%);

 

HEX #E09900 zu HEX #DED600


CSS-Code:

background-image: radial-gradient(circle, #E09900 8%, #DED600 91%);

 

HEX #DED600 zu HEX #E0D500


CSS-Code:

background-image: linear-gradient(135deg, #DED600 5%, #E0D500 94%);

 

HEX #DED600 zu HEX #E0D500


CSS-Code:

background-image: radial-gradient(circle, #DED600 9%, #E0D500 94%);

 

HEX #E0D500 zu HEX #DED600


CSS-Code:

background-image: linear-gradient(135deg, #E0D500 7%, #DED600 92%);

 

HEX #E0D500 zu HEX #DED600


CSS-Code:

background-image: radial-gradient(circle, #E0D500 3%, #DED600 93%);

 

HEX #DED600 zu HEX #B0E000


CSS-Code:

background-image: linear-gradient(135deg, #DED600 12%, #B0E000 98%);

 

HEX #DED600 zu HEX #B0E000


CSS-Code:

background-image: radial-gradient(circle, #DED600 11%, #B0E000 89%);

 

HEX #B0E000 zu HEX #DED600


CSS-Code:

background-image: linear-gradient(135deg, #B0E000 2%, #DED600 86%);

 

HEX #B0E000 zu HEX #DED600


CSS-Code:

background-image: radial-gradient(circle, #B0E000 10%, #DED600 94%);

 

HEX #DED600 zu HEX #74E000


CSS-Code:

background-image: linear-gradient(135deg, #DED600 10%, #74E000 100%);

 

HEX #DED600 zu HEX #74E000


CSS-Code:

background-image: radial-gradient(circle, #DED600 0%, #74E000 100%);

 

HEX #74E000 zu HEX #DED600


CSS-Code:

background-image: linear-gradient(135deg, #74E000 13%, #DED600 98%);

 

HEX #74E000 zu HEX #DED600


CSS-Code:

background-image: radial-gradient(circle, #74E000 13%, #DED600 100%);

Linear

HEX #DED600 zu HEX #B7B100


CSS-Code:

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

Radial

HEX #DED600 zu HEX #B7B100


CSS-Code:

background-image: radial-gradient(circle, #DED600 13%, #B7B100 93%);

 

HEX #B7B100 zu HEX #DED600


CSS-Code:

background-image: linear-gradient(135deg, #B7B100 5%, #DED600 98%);

 

HEX #B7B100 zu HEX #DED600


CSS-Code:

background-image: radial-gradient(circle, #B7B100 2%, #DED600 100%);

 

HEX #DED600 zu HEX #E0D800


CSS-Code:

background-image: linear-gradient(135deg, #DED600 6%, #E0D800 97%);

 

HEX #DED600 zu HEX #E0D800


CSS-Code:

background-image: radial-gradient(circle, #DED600 9%, #E0D800 99%);

 

HEX #E0D800 zu HEX #DED600


CSS-Code:

background-image: linear-gradient(135deg, #E0D800 9%, #DED600 96%);

 

HEX #E0D800 zu HEX #DED600


CSS-Code:

background-image: radial-gradient(circle, #E0D800 13%, #DED600 92%);

 

HEX #DED600 zu HEX #FFF60B


CSS-Code:

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

 

HEX #DED600 zu HEX #FFF60B


CSS-Code:

background-image: radial-gradient(circle, #DED600 5%, #FFF60B 98%);

 

HEX #FFF60B zu HEX #DED600


CSS-Code:

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

 

HEX #FFF60B zu HEX #DED600


CSS-Code:

background-image: radial-gradient(circle, #FFF60B 1%, #DED600 89%);

 

HEX #DED600 zu HEX #FFF834


CSS-Code:

background-image: linear-gradient(135deg, #DED600 6%, #FFF834 92%);

 

HEX #DED600 zu HEX #FFF834


CSS-Code:

background-image: radial-gradient(circle, #DED600 10%, #FFF834 96%);

 

HEX #FFF834 zu HEX #DED600


CSS-Code:

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

 

HEX #FFF834 zu HEX #DED600


CSS-Code:

background-image: radial-gradient(circle, #FFF834 1%, #DED600 93%);

Linear

HEX #DED600 zu HEX #E09900


CSS-Code:

background-image: linear-gradient(135deg, #DED600 10%, #E09900 95%);

Radial

HEX #DED600 zu HEX #E09900


CSS-Code:

background-image: radial-gradient(circle, #DED600 6%, #E09900 87%);

 

HEX #E09900 zu HEX #DED600


CSS-Code:

background-image: linear-gradient(135deg, #E09900 3%, #DED600 99%);

 

HEX #E09900 zu HEX #DED600


CSS-Code:

background-image: radial-gradient(circle, #E09900 0%, #DED600 88%);

 

HEX #DED600 zu HEX #E0D500


CSS-Code:

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

 

HEX #DED600 zu HEX #E0D500


CSS-Code:

background-image: radial-gradient(circle, #DED600 1%, #E0D500 98%);

 

HEX #E0D500 zu HEX #DED600


CSS-Code:

background-image: linear-gradient(135deg, #E0D500 3%, #DED600 92%);

 

HEX #E0D500 zu HEX #DED600


CSS-Code:

background-image: radial-gradient(circle, #E0D500 7%, #DED600 96%);

 

HEX #DED600 zu HEX #B0E000


CSS-Code:

background-image: linear-gradient(135deg, #DED600 8%, #B0E000 96%);

 

HEX #DED600 zu HEX #B0E000


CSS-Code:

background-image: radial-gradient(circle, #DED600 0%, #B0E000 97%);

 

HEX #B0E000 zu HEX #DED600


CSS-Code:

background-image: linear-gradient(135deg, #B0E000 13%, #DED600 100%);

 

HEX #B0E000 zu HEX #DED600


CSS-Code:

background-image: radial-gradient(circle, #B0E000 14%, #DED600 100%);

 

HEX #DED600 zu HEX #74E000


CSS-Code:

background-image: linear-gradient(135deg, #DED600 10%, #74E000 89%);

 

HEX #DED600 zu HEX #74E000


CSS-Code:

background-image: radial-gradient(circle, #DED600 0%, #74E000 90%);

 

HEX #74E000 zu HEX #DED600


CSS-Code:

background-image: linear-gradient(135deg, #74E000 3%, #DED600 91%);

 

HEX #74E000 zu HEX #DED600


CSS-Code:

background-image: radial-gradient(circle, #74E000 3%, #DED600 86%);

Linear

HEX #DED600 zu HEX #B7B100


CSS-Code:

background-image: linear-gradient(135deg, #DED600 1%, #B7B100 91%);

Radial

HEX #DED600 zu HEX #B7B100


CSS-Code:

background-image: radial-gradient(circle, #DED600 10%, #B7B100 91%);

 

HEX #B7B100 zu HEX #DED600


CSS-Code:

background-image: linear-gradient(135deg, #B7B100 6%, #DED600 92%);

 

HEX #B7B100 zu HEX #DED600


CSS-Code:

background-image: radial-gradient(circle, #B7B100 11%, #DED600 88%);

 

HEX #DED600 zu HEX #E0D800


CSS-Code:

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

 

HEX #DED600 zu HEX #E0D800


CSS-Code:

background-image: radial-gradient(circle, #DED600 11%, #E0D800 86%);

 

HEX #E0D800 zu HEX #DED600


CSS-Code:

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

 

HEX #E0D800 zu HEX #DED600


CSS-Code:

background-image: radial-gradient(circle, #E0D800 13%, #DED600 98%);

 

HEX #DED600 zu HEX #FFF60B


CSS-Code:

background-image: linear-gradient(135deg, #DED600 2%, #FFF60B 86%);

 

HEX #DED600 zu HEX #FFF60B


CSS-Code:

background-image: radial-gradient(circle, #DED600 3%, #FFF60B 98%);

 

HEX #FFF60B zu HEX #DED600


CSS-Code:

background-image: linear-gradient(135deg, #FFF60B 3%, #DED600 91%);

 

HEX #FFF60B zu HEX #DED600


CSS-Code:

background-image: radial-gradient(circle, #FFF60B 14%, #DED600 88%);

 

HEX #DED600 zu HEX #FFF834


CSS-Code:

background-image: linear-gradient(135deg, #DED600 14%, #FFF834 99%);

 

HEX #DED600 zu HEX #FFF834


CSS-Code:

background-image: radial-gradient(circle, #DED600 7%, #FFF834 100%);

 

HEX #FFF834 zu HEX #DED600


CSS-Code:

background-image: linear-gradient(135deg, #FFF834 7%, #DED600 100%);

 

HEX #FFF834 zu HEX #DED600


CSS-Code:

background-image: radial-gradient(circle, #FFF834 10%, #DED600 97%);

Linear

HEX #DED600 zu HEX #00E022


CSS-Code:

background-image: linear-gradient(135deg, #DED600 0%, #00E022 86%);

Radial

HEX #DED600 zu HEX #00E022


CSS-Code:

background-image: radial-gradient(circle, #DED600 8%, #00E022 98%);

 

HEX #00E022 zu HEX #DED600


CSS-Code:

background-image: linear-gradient(135deg, #00E022 11%, #DED600 86%);

 

HEX #00E022 zu HEX #DED600


CSS-Code:

background-image: radial-gradient(circle, #00E022 3%, #DED600 93%);

 

HEX #DED600 zu HEX #7B00E0


CSS-Code:

background-image: linear-gradient(135deg, #DED600 11%, #7B00E0 96%);

 

HEX #DED600 zu HEX #7B00E0


CSS-Code:

background-image: radial-gradient(circle, #DED600 4%, #7B00E0 96%);

 

HEX #7B00E0 zu HEX #DED600


CSS-Code:

background-image: linear-gradient(135deg, #7B00E0 13%, #DED600 93%);

 

HEX #7B00E0 zu HEX #DED600


CSS-Code:

background-image: radial-gradient(circle, #7B00E0 7%, #DED600 95%);

Linear

HEX #DED600 zu HEX #00E0D5


CSS-Code:

background-image: linear-gradient(135deg, #DED600 13%, #00E0D5 98%);

Radial

HEX #DED600 zu HEX #00E0D5


CSS-Code:

background-image: radial-gradient(circle, #DED600 2%, #00E0D5 95%);

 

HEX #00E0D5 zu HEX #DED600


CSS-Code:

background-image: linear-gradient(135deg, #00E0D5 14%, #DED600 88%);

 

HEX #00E0D5 zu HEX #DED600


CSS-Code:

background-image: radial-gradient(circle, #00E0D5 2%, #DED600 93%);

 

HEX #DED600 zu HEX #D500E0


CSS-Code:

background-image: linear-gradient(135deg, #DED600 1%, #D500E0 96%);

 

HEX #DED600 zu HEX #D500E0


CSS-Code:

background-image: radial-gradient(circle, #DED600 11%, #D500E0 98%);

 

HEX #D500E0 zu HEX #DED600


CSS-Code:

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

 

HEX #D500E0 zu HEX #DED600


CSS-Code:

background-image: radial-gradient(circle, #D500E0 4%, #DED600 100%);

Linear

HEX #DED600 zu HEX #00E022


CSS-Code:

background-image: linear-gradient(135deg, #DED600 14%, #00E022 93%);

Radial

HEX #DED600 zu HEX #00E022


CSS-Code:

background-image: radial-gradient(circle, #DED600 3%, #00E022 100%);

 

HEX #00E022 zu HEX #DED600


CSS-Code:

background-image: linear-gradient(135deg, #00E022 13%, #DED600 92%);

 

HEX #00E022 zu HEX #DED600


CSS-Code:

background-image: radial-gradient(circle, #00E022 8%, #DED600 87%);

 

HEX #DED600 zu HEX #000BE0


CSS-Code:

background-image: linear-gradient(135deg, #DED600 9%, #000BE0 95%);

 

HEX #DED600 zu HEX #000BE0


CSS-Code:

background-image: radial-gradient(circle, #DED600 13%, #000BE0 95%);

 

HEX #000BE0 zu HEX #DED600


CSS-Code:

background-image: linear-gradient(135deg, #000BE0 2%, #DED600 97%);

 

HEX #000BE0 zu HEX #DED600


CSS-Code:

background-image: radial-gradient(circle, #000BE0 8%, #DED600 98%);

 

HEX #DED600 zu HEX #E000BF


CSS-Code:

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

 

HEX #DED600 zu HEX #E000BF


CSS-Code:

background-image: radial-gradient(circle, #DED600 12%, #E000BF 100%);

 

HEX #E000BF zu HEX #DED600


CSS-Code:

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

 

HEX #E000BF zu HEX #DED600


CSS-Code:

background-image: radial-gradient(circle, #E000BF 7%, #DED600 98%);

Linear

HEX #DED600 zu HEX #00E065


CSS-Code:

background-image: linear-gradient(135deg, #DED600 3%, #00E065 94%);

Radial

HEX #DED600 zu HEX #00E065


CSS-Code:

background-image: radial-gradient(circle, #DED600 8%, #00E065 89%);

 

HEX #00E065 zu HEX #DED600


CSS-Code:

background-image: linear-gradient(135deg, #00E065 7%, #DED600 96%);

 

HEX #00E065 zu HEX #DED600


CSS-Code:

background-image: radial-gradient(circle, #00E065 7%, #DED600 100%);

 

HEX #DED600 zu HEX #000BE0


CSS-Code:

background-image: linear-gradient(135deg, #DED600 3%, #000BE0 86%);

 

HEX #DED600 zu HEX #000BE0


CSS-Code:

background-image: radial-gradient(circle, #DED600 3%, #000BE0 95%);

 

HEX #000BE0 zu HEX #DED600


CSS-Code:

background-image: linear-gradient(135deg, #000BE0 1%, #DED600 94%);

 

HEX #000BE0 zu HEX #DED600


CSS-Code:

background-image: radial-gradient(circle, #000BE0 14%, #DED600 99%);

 

HEX #DED600 zu HEX #E0007B


CSS-Code:

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

 

HEX #DED600 zu HEX #E0007B


CSS-Code:

background-image: radial-gradient(circle, #DED600 8%, #E0007B 98%);

 

HEX #E0007B zu HEX #DED600


CSS-Code:

background-image: linear-gradient(135deg, #E0007B 0%, #DED600 94%);

 

HEX #E0007B zu HEX #DED600


CSS-Code:

background-image: radial-gradient(circle, #E0007B 1%, #DED600 94%);

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

RGBA in HEX

umrechnen von RGBA rot grün blau transparenz zu #RRGGBB

RGBA in CMYK

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

Icons

RGBA in RAL®

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

RGBA in HKS®

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

RGBA in PANTONE®

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

RGBA in Sherwin Williams®

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

RGBA in NCS®

umrechnen von RGBA rot grün blau transparenz 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 RGBA

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

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 RGBA

umrechnen von #RRGGBB zu RGBA rot grün blau transparenz

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 RGBA

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

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 RGBA

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

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 RGBA

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

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 RGBA

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

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 RGBA

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

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)

Um Farbpaletten speichern zu können, ist eine Anmelung erforderlich.

Bei Ihrem Konto anmelden

oder

Erstellen Sie ein Konto

Aktuelle Farbpalette teilen
Soll sie öffentlich oder privat sein?
Link(s) folgen nach dem Teilen.

Abbrechen Teilen

Farbpalette geteilt
Bitte kopieren und speichern Sie den gewünschten Link.

Teilen

OK, ich habe die Links kopiert

Ihre Farben werden in einer neuen Farbpalette gespeichert.
Sehen Sie sich diese unter Ihrem Profil an.
Sie können sie weiter anpassen, und teilen.

Farbpalette anzeigen
Schließen

Erstellen Sie eine Farbpalette

HerunterladenHerunterladen in verschiedenen Formaten

Alle Entfernen

Durch Klicken auf können Sie Paletten erstellen und die Farbfelder herunterladen.