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

✕

CSS Gradienten:
#DAD962

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

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, 217 Grün und 98 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, keine Magenta, 55 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 #DAD962 - Komplementärfarbe

Linear

HEX #DAD962 zu HEX #25269D

CSS-Code:

background-image: linear-gradient(135deg, #DAD962 14%, #25269D 97%);

Radial

HEX #DAD962 zu HEX #25269D

CSS-Code:

background-image: radial-gradient(circle, #DAD962 11%, #25269D 88%);

HEX #25269D zu HEX #DAD962

CSS-Code:

background-image: linear-gradient(135deg, #25269D 14%, #DAD962 87%);

HEX #25269D zu HEX #DAD962

CSS-Code:

background-image: radial-gradient(circle, #25269D 14%, #DAD962 88%);

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

Linear

HEX #DAD962 zu HEX #DAB862

CSS-Code:

background-image: linear-gradient(135deg, #DAD962 7%, #DAB862 99%);

Radial

HEX #DAD962 zu HEX #DAB862

CSS-Code:

background-image: radial-gradient(circle, #DAD962 4%, #DAB862 91%);

HEX #DAB862 zu HEX #DAD962

CSS-Code:

background-image: linear-gradient(135deg, #DAB862 6%, #DAD962 89%);

HEX #DAB862 zu HEX #DAD962

CSS-Code:

background-image: radial-gradient(circle, #DAB862 12%, #DAD962 93%);

HEX #DAD962 zu HEX #DAD862

CSS-Code:

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

HEX #DAD962 zu HEX #DAD862

CSS-Code:

background-image: radial-gradient(circle, #DAD962 3%, #DAD862 94%);

HEX #DAD862 zu HEX #DAD962

CSS-Code:

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

HEX #DAD862 zu HEX #DAD962

CSS-Code:

background-image: radial-gradient(circle, #DAD862 5%, #DAD962 90%);

HEX #DAD962 zu HEX #BCDA62

CSS-Code:

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

HEX #DAD962 zu HEX #BCDA62

CSS-Code:

background-image: radial-gradient(circle, #DAD962 0%, #BCDA62 94%);

HEX #BCDA62 zu HEX #DAD962

CSS-Code:

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

HEX #BCDA62 zu HEX #DAD962

CSS-Code:

background-image: radial-gradient(circle, #BCDA62 3%, #DAD962 93%);

HEX #DAD962 zu HEX #9CDA62

CSS-Code:

background-image: linear-gradient(135deg, #DAD962 6%, #9CDA62 92%);

HEX #DAD962 zu HEX #9CDA62

CSS-Code:

background-image: radial-gradient(circle, #DAD962 5%, #9CDA62 92%);

HEX #9CDA62 zu HEX #DAD962

CSS-Code:

background-image: linear-gradient(135deg, #9CDA62 11%, #DAD962 91%);

HEX #9CDA62 zu HEX #DAD962

CSS-Code:

background-image: radial-gradient(circle, #9CDA62 8%, #DAD962 99%);

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

Linear

HEX #DAD962 zu HEX #D2D141

CSS-Code:

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

Radial

HEX #DAD962 zu HEX #D2D141

CSS-Code:

background-image: radial-gradient(circle, #DAD962 14%, #D2D141 94%);

HEX #D2D141 zu HEX #DAD962

CSS-Code:

background-image: linear-gradient(135deg, #D2D141 10%, #DAD962 87%);

HEX #D2D141 zu HEX #DAD962

CSS-Code:

background-image: radial-gradient(circle, #D2D141 11%, #DAD962 90%);

HEX #DAD962 zu HEX #E2E183

CSS-Code:

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

HEX #DAD962 zu HEX #E2E183

CSS-Code:

background-image: radial-gradient(circle, #DAD962 4%, #E2E183 96%);

HEX #E2E183 zu HEX #DAD962

CSS-Code:

background-image: linear-gradient(135deg, #E2E183 11%, #DAD962 90%);

HEX #E2E183 zu HEX #DAD962

CSS-Code:

background-image: radial-gradient(circle, #E2E183 8%, #DAD962 96%);

HEX #DAD962 zu HEX #EAE9A5

CSS-Code:

background-image: linear-gradient(135deg, #DAD962 11%, #EAE9A5 86%);

HEX #DAD962 zu HEX #EAE9A5

CSS-Code:

background-image: radial-gradient(circle, #DAD962 5%, #EAE9A5 88%);

HEX #EAE9A5 zu HEX #DAD962

CSS-Code:

background-image: linear-gradient(135deg, #EAE9A5 6%, #DAD962 93%);

HEX #EAE9A5 zu HEX #DAD962

CSS-Code:

background-image: radial-gradient(circle, #EAE9A5 5%, #DAD962 88%);

2-Farben Gradienten von #DAD962 - Analoge Farben

Linear

HEX #DAD962 zu HEX #DAB862

CSS-Code:

background-image: linear-gradient(135deg, #DAD962 4%, #DAB862 98%);

Radial

HEX #DAD962 zu HEX #DAB862

CSS-Code:

background-image: radial-gradient(circle, #DAD962 4%, #DAB862 100%);

HEX #DAB862 zu HEX #DAD962

CSS-Code:

background-image: linear-gradient(135deg, #DAB862 6%, #DAD962 88%);

HEX #DAB862 zu HEX #DAD962

CSS-Code:

background-image: radial-gradient(circle, #DAB862 14%, #DAD962 92%);

HEX #DAD962 zu HEX #DAD862

CSS-Code:

background-image: linear-gradient(135deg, #DAD962 13%, #DAD862 93%);

HEX #DAD962 zu HEX #DAD862

CSS-Code:

background-image: radial-gradient(circle, #DAD962 3%, #DAD862 96%);

HEX #DAD862 zu HEX #DAD962

CSS-Code:

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

HEX #DAD862 zu HEX #DAD962

CSS-Code:

background-image: radial-gradient(circle, #DAD862 12%, #DAD962 87%);

HEX #DAD962 zu HEX #BCDA62

CSS-Code:

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

HEX #DAD962 zu HEX #BCDA62

CSS-Code:

background-image: radial-gradient(circle, #DAD962 2%, #BCDA62 97%);

HEX #BCDA62 zu HEX #DAD962

CSS-Code:

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

HEX #BCDA62 zu HEX #DAD962

CSS-Code:

background-image: radial-gradient(circle, #BCDA62 8%, #DAD962 89%);

HEX #DAD962 zu HEX #9CDA62

CSS-Code:

background-image: linear-gradient(135deg, #DAD962 12%, #9CDA62 89%);

HEX #DAD962 zu HEX #9CDA62

CSS-Code:

background-image: radial-gradient(circle, #DAD962 6%, #9CDA62 100%);

HEX #9CDA62 zu HEX #DAD962

CSS-Code:

background-image: linear-gradient(135deg, #9CDA62 12%, #DAD962 90%);

HEX #9CDA62 zu HEX #DAD962

CSS-Code:

background-image: radial-gradient(circle, #9CDA62 12%, #DAD962 86%);

2-Farben Gradienten von #DAD962 - Monochromatische Farben

Linear

HEX #DAD962 zu HEX #D2D141

CSS-Code:

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

Radial

HEX #DAD962 zu HEX #D2D141

CSS-Code:

background-image: radial-gradient(circle, #DAD962 14%, #D2D141 86%);

HEX #D2D141 zu HEX #DAD962

CSS-Code:

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

HEX #D2D141 zu HEX #DAD962

CSS-Code:

background-image: radial-gradient(circle, #D2D141 7%, #DAD962 89%);

HEX #DAD962 zu HEX #E2E183

CSS-Code:

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

HEX #DAD962 zu HEX #E2E183

CSS-Code:

background-image: radial-gradient(circle, #DAD962 4%, #E2E183 95%);

HEX #E2E183 zu HEX #DAD962

CSS-Code:

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

HEX #E2E183 zu HEX #DAD962

CSS-Code:

background-image: radial-gradient(circle, #E2E183 2%, #DAD962 97%);

HEX #DAD962 zu HEX #EAE9A5

CSS-Code:

background-image: linear-gradient(135deg, #DAD962 5%, #EAE9A5 95%);

HEX #DAD962 zu HEX #EAE9A5

CSS-Code:

background-image: radial-gradient(circle, #DAD962 3%, #EAE9A5 94%);

HEX #EAE9A5 zu HEX #DAD962

CSS-Code:

background-image: linear-gradient(135deg, #EAE9A5 2%, #DAD962 95%);

HEX #EAE9A5 zu HEX #DAD962

CSS-Code:

background-image: radial-gradient(circle, #EAE9A5 2%, #DAD962 93%);

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

Linear

HEX #DAD962 zu HEX #62DA78

CSS-Code:

background-image: linear-gradient(135deg, #DAD962 9%, #62DA78 100%);

Radial

HEX #DAD962 zu HEX #62DA78

CSS-Code:

background-image: radial-gradient(circle, #DAD962 3%, #62DA78 89%);

HEX #62DA78 zu HEX #DAD962

CSS-Code:

background-image: linear-gradient(135deg, #62DA78 7%, #DAD962 95%);

HEX #62DA78 zu HEX #DAD962

CSS-Code:

background-image: radial-gradient(circle, #62DA78 13%, #DAD962 92%);

HEX #DAD962 zu HEX #A862DA

CSS-Code:

background-image: linear-gradient(135deg, #DAD962 6%, #A862DA 98%);

HEX #DAD962 zu HEX #A862DA

CSS-Code:

background-image: radial-gradient(circle, #DAD962 11%, #A862DA 98%);

HEX #A862DA zu HEX #DAD962

CSS-Code:

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

HEX #A862DA zu HEX #DAD962

CSS-Code:

background-image: radial-gradient(circle, #A862DA 12%, #DAD962 98%);

2-Farben Gradienten von #DAD962 - Triadische Farben

Linear

HEX #DAD962 zu HEX #62DAD8

CSS-Code:

background-image: linear-gradient(135deg, #DAD962 4%, #62DAD8 94%);

Radial

HEX #DAD962 zu HEX #62DAD8

CSS-Code:

background-image: radial-gradient(circle, #DAD962 4%, #62DAD8 91%);

HEX #62DAD8 zu HEX #DAD962

CSS-Code:

background-image: linear-gradient(135deg, #62DAD8 11%, #DAD962 86%);

HEX #62DAD8 zu HEX #DAD962

CSS-Code:

background-image: radial-gradient(circle, #62DAD8 8%, #DAD962 88%);

HEX #DAD962 zu HEX #D862DA

CSS-Code:

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

HEX #DAD962 zu HEX #D862DA

CSS-Code:

background-image: radial-gradient(circle, #DAD962 2%, #D862DA 94%);

HEX #D862DA zu HEX #DAD962

CSS-Code:

background-image: linear-gradient(135deg, #D862DA 10%, #DAD962 92%);

HEX #D862DA zu HEX #DAD962

CSS-Code:

background-image: radial-gradient(circle, #D862DA 9%, #DAD962 95%);

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

Linear

HEX #DAD962 zu HEX #62DA78

CSS-Code:

background-image: linear-gradient(135deg, #DAD962 2%, #62DA78 94%);

Radial

HEX #DAD962 zu HEX #62DA78

CSS-Code:

background-image: radial-gradient(circle, #DAD962 11%, #62DA78 96%);

HEX #62DA78 zu HEX #DAD962

CSS-Code:

background-image: linear-gradient(135deg, #62DA78 7%, #DAD962 87%);

HEX #62DA78 zu HEX #DAD962

CSS-Code:

background-image: radial-gradient(circle, #62DA78 6%, #DAD962 87%);

HEX #DAD962 zu HEX #6264DA

CSS-Code:

background-image: linear-gradient(135deg, #DAD962 5%, #6264DA 86%);

HEX #DAD962 zu HEX #6264DA

CSS-Code:

background-image: radial-gradient(circle, #DAD962 5%, #6264DA 95%);

HEX #6264DA zu HEX #DAD962

CSS-Code:

background-image: linear-gradient(135deg, #6264DA 0%, #DAD962 86%);

HEX #6264DA zu HEX #DAD962

CSS-Code:

background-image: radial-gradient(circle, #6264DA 8%, #DAD962 98%);

HEX #DAD962 zu HEX #DA62C4

CSS-Code:

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

HEX #DAD962 zu HEX #DA62C4

CSS-Code:

background-image: radial-gradient(circle, #DAD962 11%, #DA62C4 89%);

HEX #DA62C4 zu HEX #DAD962

CSS-Code:

background-image: linear-gradient(135deg, #DA62C4 11%, #DAD962 95%);

HEX #DA62C4 zu HEX #DAD962

CSS-Code:

background-image: radial-gradient(circle, #DA62C4 4%, #DAD962 99%);

2-Farben Gradienten von #DAD962 - Quadratische Farben

Linear

HEX #DAD962 zu HEX #62DA9C

CSS-Code:

background-image: linear-gradient(135deg, #DAD962 10%, #62DA9C 94%);

Radial

HEX #DAD962 zu HEX #62DA9C

CSS-Code:

background-image: radial-gradient(circle, #DAD962 12%, #62DA9C 87%);

HEX #62DA9C zu HEX #DAD962

CSS-Code:

background-image: linear-gradient(135deg, #62DA9C 13%, #DAD962 98%);

HEX #62DA9C zu HEX #DAD962

CSS-Code:

background-image: radial-gradient(circle, #62DA9C 8%, #DAD962 92%);

HEX #DAD962 zu HEX #6264DA

CSS-Code:

background-image: linear-gradient(135deg, #DAD962 3%, #6264DA 86%);

HEX #DAD962 zu HEX #6264DA

CSS-Code:

background-image: radial-gradient(circle, #DAD962 14%, #6264DA 98%);

HEX #6264DA zu HEX #DAD962

CSS-Code:

background-image: linear-gradient(135deg, #6264DA 11%, #DAD962 86%);

HEX #6264DA zu HEX #DAD962

CSS-Code:

background-image: radial-gradient(circle, #6264DA 0%, #DAD962 98%);

HEX #DAD962 zu HEX #DA62A0

CSS-Code:

background-image: linear-gradient(135deg, #DAD962 10%, #DA62A0 87%);

HEX #DAD962 zu HEX #DA62A0

CSS-Code:

background-image: radial-gradient(circle, #DAD962 14%, #DA62A0 92%);

HEX #DA62A0 zu HEX #DAD962

CSS-Code:

background-image: linear-gradient(135deg, #DA62A0 4%, #DAD962 90%);

HEX #DA62A0 zu HEX #DAD962

CSS-Code:

background-image: radial-gradient(circle, #DA62A0 5%, #DAD962 95%);

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)

To be able to save color palettes, a registration is required.

Log in to your account

or

Create an account

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

Public

Color palette shared
Please copy and save the desired link.

Share

View

OK, I have copied the links

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

Show color palette

Close

Create a color palette

DownloadDownload in different formats

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