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

✕

CSS Gradienten:
#DAD656

Information

schließe alle

2-Farben Gradienten - Komplementärfarbe

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.

2-Farben Gradienten - Hellere Farbtöne

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.

2-Farben Gradienten - Dunklere Farbtöne

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 218 Rot, 214 Grün und 86 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 keine Cyan, 2 Magenta, 61 Gelb und 15 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.

Verifizierung Ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

2-Farben Gradienten von #DAD656 - Komplementärfarbe

Linear

HEX #DAD656 zu HEX #2529A9

CSS-Code:

background-image: linear-gradient(135deg, #DAD656 9%, #2529A9 86%);

Radial

HEX #DAD656 zu HEX #2529A9

CSS-Code:

background-image: radial-gradient(circle, #DAD656 4%, #2529A9 87%);

HEX #2529A9 zu HEX #DAD656

CSS-Code:

background-image: linear-gradient(135deg, #2529A9 1%, #DAD656 91%);

HEX #2529A9 zu HEX #DAD656

CSS-Code:

background-image: radial-gradient(circle, #2529A9 13%, #DAD656 92%);

2-Farben Gradienten von #DAD656 - Hellere Farbtöne

Linear

HEX #DAD656 zu HEX #DAB358

CSS-Code:

background-image: linear-gradient(135deg, #DAD656 4%, #DAB358 87%);

Radial

HEX #DAD656 zu HEX #DAB358

CSS-Code:

background-image: radial-gradient(circle, #DAD656 7%, #DAB358 94%);

HEX #DAB358 zu HEX #DAD656

CSS-Code:

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

HEX #DAB358 zu HEX #DAD656

CSS-Code:

background-image: radial-gradient(circle, #DAB358 12%, #DAD656 88%);

HEX #DAD656 zu HEX #DAD658

CSS-Code:

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

HEX #DAD656 zu HEX #DAD658

CSS-Code:

background-image: radial-gradient(circle, #DAD656 7%, #DAD658 90%);

HEX #DAD658 zu HEX #DAD656

CSS-Code:

background-image: linear-gradient(135deg, #DAD658 9%, #DAD656 93%);

HEX #DAD658 zu HEX #DAD656

CSS-Code:

background-image: radial-gradient(circle, #DAD658 14%, #DAD656 90%);

HEX #DAD656 zu HEX #BCDA58

CSS-Code:

background-image: linear-gradient(135deg, #DAD656 10%, #BCDA58 91%);

HEX #DAD656 zu HEX #BCDA58

CSS-Code:

background-image: radial-gradient(circle, #DAD656 7%, #BCDA58 93%);

HEX #BCDA58 zu HEX #DAD656

CSS-Code:

background-image: linear-gradient(135deg, #BCDA58 9%, #DAD656 97%);

HEX #BCDA58 zu HEX #DAD656

CSS-Code:

background-image: radial-gradient(circle, #BCDA58 9%, #DAD656 86%);

HEX #DAD656 zu HEX #99DA58

CSS-Code:

background-image: linear-gradient(135deg, #DAD656 3%, #99DA58 93%);

HEX #DAD656 zu HEX #99DA58

CSS-Code:

background-image: radial-gradient(circle, #DAD656 1%, #99DA58 96%);

HEX #99DA58 zu HEX #DAD656

CSS-Code:

background-image: linear-gradient(135deg, #99DA58 12%, #DAD656 96%);

HEX #99DA58 zu HEX #DAD656

CSS-Code:

background-image: radial-gradient(circle, #99DA58 13%, #DAD656 87%);

2-Farben Gradienten von #DAD656 - Dunklere Farbtöne

Linear

HEX #DAD656 zu HEX #D3CE36

CSS-Code:

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

Radial

HEX #DAD656 zu HEX #D3CE36

CSS-Code:

background-image: radial-gradient(circle, #DAD656 7%, #D3CE36 86%);

HEX #D3CE36 zu HEX #DAD656

CSS-Code:

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

HEX #D3CE36 zu HEX #DAD656

CSS-Code:

background-image: radial-gradient(circle, #D3CE36 6%, #DAD656 87%);

HEX #DAD656 zu HEX #DAD658

CSS-Code:

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

HEX #DAD656 zu HEX #DAD658

CSS-Code:

background-image: radial-gradient(circle, #DAD656 9%, #DAD658 89%);

HEX #DAD658 zu HEX #DAD656

CSS-Code:

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

HEX #DAD658 zu HEX #DAD656

CSS-Code:

background-image: radial-gradient(circle, #DAD658 14%, #DAD656 86%);

HEX #DAD656 zu HEX #E2DF7A

CSS-Code:

background-image: linear-gradient(135deg, #DAD656 8%, #E2DF7A 94%);

HEX #DAD656 zu HEX #E2DF7A

CSS-Code:

background-image: radial-gradient(circle, #DAD656 13%, #E2DF7A 86%);

HEX #E2DF7A zu HEX #DAD656

CSS-Code:

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

HEX #E2DF7A zu HEX #DAD656

CSS-Code:

background-image: radial-gradient(circle, #E2DF7A 2%, #DAD656 99%);

HEX #DAD656 zu HEX #E9E79B

CSS-Code:

background-image: linear-gradient(135deg, #DAD656 1%, #E9E79B 100%);

HEX #DAD656 zu HEX #E9E79B

CSS-Code:

background-image: radial-gradient(circle, #DAD656 8%, #E9E79B 91%);

HEX #E9E79B zu HEX #DAD656

CSS-Code:

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

HEX #E9E79B zu HEX #DAD656

CSS-Code:

background-image: radial-gradient(circle, #E9E79B 14%, #DAD656 91%);

2-Farben Gradienten von #DAD656 - Analoge Farben

Linear

HEX #DAD656 zu HEX #DAB358

CSS-Code:

background-image: linear-gradient(135deg, #DAD656 2%, #DAB358 100%);

Radial

HEX #DAD656 zu HEX #DAB358

CSS-Code:

background-image: radial-gradient(circle, #DAD656 1%, #DAB358 93%);

HEX #DAB358 zu HEX #DAD656

CSS-Code:

background-image: linear-gradient(135deg, #DAB358 12%, #DAD656 88%);

HEX #DAB358 zu HEX #DAD656

CSS-Code:

background-image: radial-gradient(circle, #DAB358 10%, #DAD656 95%);

HEX #DAD656 zu HEX #DAD658

CSS-Code:

background-image: linear-gradient(135deg, #DAD656 1%, #DAD658 99%);

HEX #DAD656 zu HEX #DAD658

CSS-Code:

background-image: radial-gradient(circle, #DAD656 4%, #DAD658 99%);

HEX #DAD658 zu HEX #DAD656

CSS-Code:

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

HEX #DAD658 zu HEX #DAD656

CSS-Code:

background-image: radial-gradient(circle, #DAD658 8%, #DAD656 99%);

HEX #DAD656 zu HEX #BCDA58

CSS-Code:

background-image: linear-gradient(135deg, #DAD656 8%, #BCDA58 92%);

HEX #DAD656 zu HEX #BCDA58

CSS-Code:

background-image: radial-gradient(circle, #DAD656 8%, #BCDA58 91%);

HEX #BCDA58 zu HEX #DAD656

CSS-Code:

background-image: linear-gradient(135deg, #BCDA58 0%, #DAD656 95%);

HEX #BCDA58 zu HEX #DAD656

CSS-Code:

background-image: radial-gradient(circle, #BCDA58 6%, #DAD656 96%);

HEX #DAD656 zu HEX #99DA58

CSS-Code:

background-image: linear-gradient(135deg, #DAD656 2%, #99DA58 98%);

HEX #DAD656 zu HEX #99DA58

CSS-Code:

background-image: radial-gradient(circle, #DAD656 2%, #99DA58 96%);

HEX #99DA58 zu HEX #DAD656

CSS-Code:

background-image: linear-gradient(135deg, #99DA58 11%, #DAD656 88%);

HEX #99DA58 zu HEX #DAD656

CSS-Code:

background-image: radial-gradient(circle, #99DA58 2%, #DAD656 92%);

2-Farben Gradienten von #DAD656 - Monochromatische Farben

Linear

HEX #DAD656 zu HEX #D3CE36

CSS-Code:

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

Radial

HEX #DAD656 zu HEX #D3CE36

CSS-Code:

background-image: radial-gradient(circle, #DAD656 4%, #D3CE36 87%);

HEX #D3CE36 zu HEX #DAD656

CSS-Code:

background-image: linear-gradient(135deg, #D3CE36 12%, #DAD656 99%);

HEX #D3CE36 zu HEX #DAD656

CSS-Code:

background-image: radial-gradient(circle, #D3CE36 11%, #DAD656 96%);

HEX #DAD656 zu HEX #DAD658

CSS-Code:

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

HEX #DAD656 zu HEX #DAD658

CSS-Code:

background-image: radial-gradient(circle, #DAD656 5%, #DAD658 97%);

HEX #DAD658 zu HEX #DAD656

CSS-Code:

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

HEX #DAD658 zu HEX #DAD656

CSS-Code:

background-image: radial-gradient(circle, #DAD658 3%, #DAD656 98%);

HEX #DAD656 zu HEX #E2DF7A

CSS-Code:

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

HEX #DAD656 zu HEX #E2DF7A

CSS-Code:

background-image: radial-gradient(circle, #DAD656 8%, #E2DF7A 96%);

HEX #E2DF7A zu HEX #DAD656

CSS-Code:

background-image: linear-gradient(135deg, #E2DF7A 12%, #DAD656 91%);

HEX #E2DF7A zu HEX #DAD656

CSS-Code:

background-image: radial-gradient(circle, #E2DF7A 2%, #DAD656 86%);

HEX #DAD656 zu HEX #E9E79B

CSS-Code:

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

HEX #DAD656 zu HEX #E9E79B

CSS-Code:

background-image: radial-gradient(circle, #DAD656 12%, #E9E79B 92%);

HEX #E9E79B zu HEX #DAD656

CSS-Code:

background-image: linear-gradient(135deg, #E9E79B 2%, #DAD656 90%);

HEX #E9E79B zu HEX #DAD656

CSS-Code:

background-image: radial-gradient(circle, #E9E79B 12%, #DAD656 100%);

2-Farben Gradienten von #DAD656 - Teilkomplementär Farben

Linear

HEX #DAD656 zu HEX #58DA6D

CSS-Code:

background-image: linear-gradient(135deg, #DAD656 10%, #58DA6D 90%);

Radial

HEX #DAD656 zu HEX #58DA6D

CSS-Code:

background-image: radial-gradient(circle, #DAD656 9%, #58DA6D 95%);

HEX #58DA6D zu HEX #DAD656

CSS-Code:

background-image: linear-gradient(135deg, #58DA6D 14%, #DAD656 94%);

HEX #58DA6D zu HEX #DAD656

CSS-Code:

background-image: radial-gradient(circle, #58DA6D 4%, #DAD656 89%);

HEX #DAD656 zu HEX #A258DA

CSS-Code:

background-image: linear-gradient(135deg, #DAD656 0%, #A258DA 99%);

HEX #DAD656 zu HEX #A258DA

CSS-Code:

background-image: radial-gradient(circle, #DAD656 14%, #A258DA 91%);

HEX #A258DA zu HEX #DAD656

CSS-Code:

background-image: linear-gradient(135deg, #A258DA 5%, #DAD656 92%);

HEX #A258DA zu HEX #DAD656

CSS-Code:

background-image: radial-gradient(circle, #A258DA 0%, #DAD656 95%);

2-Farben Gradienten von #DAD656 - Triadische Farben

Linear

HEX #DAD656 zu HEX #58DAD6

CSS-Code:

background-image: linear-gradient(135deg, #DAD656 2%, #58DAD6 95%);

Radial

HEX #DAD656 zu HEX #58DAD6

CSS-Code:

background-image: radial-gradient(circle, #DAD656 11%, #58DAD6 92%);

HEX #58DAD6 zu HEX #DAD656

CSS-Code:

background-image: linear-gradient(135deg, #58DAD6 9%, #DAD656 88%);

HEX #58DAD6 zu HEX #DAD656

CSS-Code:

background-image: radial-gradient(circle, #58DAD6 10%, #DAD656 100%);

HEX #DAD656 zu HEX #D658DA

CSS-Code:

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

HEX #DAD656 zu HEX #D658DA

CSS-Code:

background-image: radial-gradient(circle, #DAD656 11%, #D658DA 89%);

HEX #D658DA zu HEX #DAD656

CSS-Code:

background-image: linear-gradient(135deg, #D658DA 5%, #DAD656 92%);

HEX #D658DA zu HEX #DAD656

CSS-Code:

background-image: radial-gradient(circle, #D658DA 8%, #DAD656 88%);

2-Farben Gradienten von #DAD656 - Rechteckige (Tetradische) Farben

Linear

HEX #DAD656 zu HEX #58DA6D

CSS-Code:

background-image: linear-gradient(135deg, #DAD656 9%, #58DA6D 88%);

Radial

HEX #DAD656 zu HEX #58DA6D

CSS-Code:

background-image: radial-gradient(circle, #DAD656 1%, #58DA6D 86%);

HEX #58DA6D zu HEX #DAD656

CSS-Code:

background-image: linear-gradient(135deg, #58DA6D 12%, #DAD656 88%);

HEX #58DA6D zu HEX #DAD656

CSS-Code:

background-image: radial-gradient(circle, #58DA6D 8%, #DAD656 86%);

HEX #DAD656 zu HEX #585CDA

CSS-Code:

background-image: linear-gradient(135deg, #DAD656 1%, #585CDA 89%);

HEX #DAD656 zu HEX #585CDA

CSS-Code:

background-image: radial-gradient(circle, #DAD656 12%, #585CDA 100%);

HEX #585CDA zu HEX #DAD656

CSS-Code:

background-image: linear-gradient(135deg, #585CDA 10%, #DAD656 94%);

HEX #585CDA zu HEX #DAD656

CSS-Code:

background-image: radial-gradient(circle, #585CDA 7%, #DAD656 90%);

HEX #DAD656 zu HEX #DA58C5

CSS-Code:

background-image: linear-gradient(135deg, #DAD656 13%, #DA58C5 92%);

HEX #DAD656 zu HEX #DA58C5

CSS-Code:

background-image: radial-gradient(circle, #DAD656 2%, #DA58C5 93%);

HEX #DA58C5 zu HEX #DAD656

CSS-Code:

background-image: linear-gradient(135deg, #DA58C5 11%, #DAD656 100%);

HEX #DA58C5 zu HEX #DAD656

CSS-Code:

background-image: radial-gradient(circle, #DA58C5 0%, #DAD656 90%);

2-Farben Gradienten von #DAD656 - Quadratische Farben

Linear

HEX #DAD656 zu HEX #58DA95

CSS-Code:

background-image: linear-gradient(135deg, #DAD656 6%, #58DA95 90%);

Radial

HEX #DAD656 zu HEX #58DA95

CSS-Code:

background-image: radial-gradient(circle, #DAD656 1%, #58DA95 99%);

HEX #58DA95 zu HEX #DAD656

CSS-Code:

background-image: linear-gradient(135deg, #58DA95 1%, #DAD656 87%);

HEX #58DA95 zu HEX #DAD656

CSS-Code:

background-image: radial-gradient(circle, #58DA95 1%, #DAD656 98%);

HEX #DAD656 zu HEX #585CDA

CSS-Code:

background-image: linear-gradient(135deg, #DAD656 10%, #585CDA 88%);

HEX #DAD656 zu HEX #585CDA

CSS-Code:

background-image: radial-gradient(circle, #DAD656 13%, #585CDA 90%);

HEX #585CDA zu HEX #DAD656

CSS-Code:

background-image: linear-gradient(135deg, #585CDA 0%, #DAD656 93%);

HEX #585CDA zu HEX #DAD656

CSS-Code:

background-image: radial-gradient(circle, #585CDA 1%, #DAD656 94%);

HEX #DAD656 zu HEX #DA589D

CSS-Code:

background-image: linear-gradient(135deg, #DAD656 4%, #DA589D 95%);

HEX #DAD656 zu HEX #DA589D

CSS-Code:

background-image: radial-gradient(circle, #DAD656 2%, #DA589D 90%);

HEX #DA589D zu HEX #DAD656

CSS-Code:

background-image: linear-gradient(135deg, #DA589D 5%, #DAD656 97%);

HEX #DA589D zu HEX #DAD656

CSS-Code:

background-image: radial-gradient(circle, #DA589D 7%, #DAD656 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

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)

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

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)

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)

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

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 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

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 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

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 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

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 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

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 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

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.

Öffentlich

Abbrechen Teilen

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

Teilen

Ansehen

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

Erstellen Sie eine Farbpalette

HerunterladenHerunterladen in verschiedenen Formaten

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