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

✕

CSS Gradienten:
#424660

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

Dunkle Farbe: niedrige Farbwerte wirken dunkler.

Die Aufschlüsselung der Farbe in das RGB-Farbsystem: In diesem Farbton sind von 255 maximalen Farbanteilen jeweils 66 Rot, 70 Grün und 96 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 31 Cyan, 27 Magenta, keine Gelb und 62 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 #424660 - Komplementärfarbe

Linear

HEX #424660 zu HEX #BDB99F

CSS-Code:

background-image: linear-gradient(135deg, #424660 0%, #BDB99F 100%);

Radial

HEX #424660 zu HEX #BDB99F

CSS-Code:

background-image: radial-gradient(circle, #424660 6%, #BDB99F 90%);

HEX #BDB99F zu HEX #424660

CSS-Code:

background-image: linear-gradient(135deg, #BDB99F 13%, #424660 87%);

HEX #BDB99F zu HEX #424660

CSS-Code:

background-image: radial-gradient(circle, #BDB99F 11%, #424660 88%);

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

Linear

HEX #424660 zu HEX #424E61

CSS-Code:

background-image: linear-gradient(135deg, #424660 7%, #424E61 93%);

Radial

HEX #424660 zu HEX #424E61

CSS-Code:

background-image: radial-gradient(circle, #424660 0%, #424E61 89%);

HEX #424E61 zu HEX #424660

CSS-Code:

background-image: linear-gradient(135deg, #424E61 9%, #424660 96%);

HEX #424E61 zu HEX #424660

CSS-Code:

background-image: radial-gradient(circle, #424E61 14%, #424660 91%);

HEX #424660 zu HEX #424661

CSS-Code:

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

HEX #424660 zu HEX #424661

CSS-Code:

background-image: radial-gradient(circle, #424660 11%, #424661 99%);

HEX #424661 zu HEX #424660

CSS-Code:

background-image: linear-gradient(135deg, #424661 12%, #424660 86%);

HEX #424661 zu HEX #424660

CSS-Code:

background-image: radial-gradient(circle, #424661 0%, #424660 92%);

HEX #424660 zu HEX #464261

CSS-Code:

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

HEX #424660 zu HEX #464261

CSS-Code:

background-image: radial-gradient(circle, #424660 0%, #464261 89%);

HEX #464261 zu HEX #424660

CSS-Code:

background-image: linear-gradient(135deg, #464261 13%, #424660 99%);

HEX #464261 zu HEX #424660

CSS-Code:

background-image: radial-gradient(circle, #464261 7%, #424660 87%);

HEX #424660 zu HEX #4E4261

CSS-Code:

background-image: linear-gradient(135deg, #424660 7%, #4E4261 100%);

HEX #424660 zu HEX #4E4261

CSS-Code:

background-image: radial-gradient(circle, #424660 8%, #4E4261 93%);

HEX #4E4261 zu HEX #424660

CSS-Code:

background-image: linear-gradient(135deg, #4E4261 13%, #424660 90%);

HEX #4E4261 zu HEX #424660

CSS-Code:

background-image: radial-gradient(circle, #4E4261 6%, #424660 95%);

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

Linear

HEX #424660 zu HEX #313449

CSS-Code:

background-image: linear-gradient(135deg, #424660 3%, #313449 90%);

Radial

HEX #424660 zu HEX #313449

CSS-Code:

background-image: radial-gradient(circle, #424660 0%, #313449 91%);

HEX #313449 zu HEX #424660

CSS-Code:

background-image: linear-gradient(135deg, #313449 6%, #424660 96%);

HEX #313449 zu HEX #424660

CSS-Code:

background-image: radial-gradient(circle, #313449 8%, #424660 97%);

HEX #424660 zu HEX #424661

CSS-Code:

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

HEX #424660 zu HEX #424661

CSS-Code:

background-image: radial-gradient(circle, #424660 7%, #424661 90%);

HEX #424661 zu HEX #424660

CSS-Code:

background-image: linear-gradient(135deg, #424661 1%, #424660 97%);

HEX #424661 zu HEX #424660

CSS-Code:

background-image: radial-gradient(circle, #424661 10%, #424660 98%);

HEX #424660 zu HEX #53587A

CSS-Code:

background-image: linear-gradient(135deg, #424660 8%, #53587A 86%);

HEX #424660 zu HEX #53587A

CSS-Code:

background-image: radial-gradient(circle, #424660 5%, #53587A 90%);

HEX #53587A zu HEX #424660

CSS-Code:

background-image: linear-gradient(135deg, #53587A 4%, #424660 91%);

HEX #53587A zu HEX #424660

CSS-Code:

background-image: radial-gradient(circle, #53587A 2%, #424660 95%);

HEX #424660 zu HEX #646A92

CSS-Code:

background-image: linear-gradient(135deg, #424660 5%, #646A92 100%);

HEX #424660 zu HEX #646A92

CSS-Code:

background-image: radial-gradient(circle, #424660 14%, #646A92 89%);

HEX #646A92 zu HEX #424660

CSS-Code:

background-image: linear-gradient(135deg, #646A92 14%, #424660 94%);

HEX #646A92 zu HEX #424660

CSS-Code:

background-image: radial-gradient(circle, #646A92 13%, #424660 90%);

2-Farben Gradienten von #424660 - Analoge Farben

Linear

HEX #424660 zu HEX #424E61

CSS-Code:

background-image: linear-gradient(135deg, #424660 13%, #424E61 99%);

Radial

HEX #424660 zu HEX #424E61

CSS-Code:

background-image: radial-gradient(circle, #424660 7%, #424E61 86%);

HEX #424E61 zu HEX #424660

CSS-Code:

background-image: linear-gradient(135deg, #424E61 3%, #424660 100%);

HEX #424E61 zu HEX #424660

CSS-Code:

background-image: radial-gradient(circle, #424E61 13%, #424660 86%);

HEX #424660 zu HEX #424661

CSS-Code:

background-image: linear-gradient(135deg, #424660 3%, #424661 90%);

HEX #424660 zu HEX #424661

CSS-Code:

background-image: radial-gradient(circle, #424660 1%, #424661 99%);

HEX #424661 zu HEX #424660

CSS-Code:

background-image: linear-gradient(135deg, #424661 2%, #424660 98%);

HEX #424661 zu HEX #424660

CSS-Code:

background-image: radial-gradient(circle, #424661 1%, #424660 98%);

HEX #424660 zu HEX #464261

CSS-Code:

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

HEX #424660 zu HEX #464261

CSS-Code:

background-image: radial-gradient(circle, #424660 14%, #464261 87%);

HEX #464261 zu HEX #424660

CSS-Code:

background-image: linear-gradient(135deg, #464261 0%, #424660 86%);

HEX #464261 zu HEX #424660

CSS-Code:

background-image: radial-gradient(circle, #464261 4%, #424660 96%);

HEX #424660 zu HEX #4E4261

CSS-Code:

background-image: linear-gradient(135deg, #424660 6%, #4E4261 91%);

HEX #424660 zu HEX #4E4261

CSS-Code:

background-image: radial-gradient(circle, #424660 2%, #4E4261 91%);

HEX #4E4261 zu HEX #424660

CSS-Code:

background-image: linear-gradient(135deg, #4E4261 7%, #424660 99%);

HEX #4E4261 zu HEX #424660

CSS-Code:

background-image: radial-gradient(circle, #4E4261 10%, #424660 97%);

2-Farben Gradienten von #424660 - Monochromatische Farben

Linear

HEX #424660 zu HEX #313449

CSS-Code:

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

Radial

HEX #424660 zu HEX #313449

CSS-Code:

background-image: radial-gradient(circle, #424660 5%, #313449 95%);

HEX #313449 zu HEX #424660

CSS-Code:

background-image: linear-gradient(135deg, #313449 2%, #424660 99%);

HEX #313449 zu HEX #424660

CSS-Code:

background-image: radial-gradient(circle, #313449 3%, #424660 99%);

HEX #424660 zu HEX #424661

CSS-Code:

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

HEX #424660 zu HEX #424661

CSS-Code:

background-image: radial-gradient(circle, #424660 2%, #424661 95%);

HEX #424661 zu HEX #424660

CSS-Code:

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

HEX #424661 zu HEX #424660

CSS-Code:

background-image: radial-gradient(circle, #424661 8%, #424660 100%);

HEX #424660 zu HEX #53587A

CSS-Code:

background-image: linear-gradient(135deg, #424660 0%, #53587A 95%);

HEX #424660 zu HEX #53587A

CSS-Code:

background-image: radial-gradient(circle, #424660 7%, #53587A 95%);

HEX #53587A zu HEX #424660

CSS-Code:

background-image: linear-gradient(135deg, #53587A 3%, #424660 100%);

HEX #53587A zu HEX #424660

CSS-Code:

background-image: radial-gradient(circle, #53587A 3%, #424660 95%);

HEX #424660 zu HEX #646A92

CSS-Code:

background-image: linear-gradient(135deg, #424660 2%, #646A92 90%);

HEX #424660 zu HEX #646A92

CSS-Code:

background-image: radial-gradient(circle, #424660 8%, #646A92 93%);

HEX #646A92 zu HEX #424660

CSS-Code:

background-image: linear-gradient(135deg, #646A92 0%, #424660 89%);

HEX #646A92 zu HEX #424660

CSS-Code:

background-image: radial-gradient(circle, #646A92 12%, #424660 94%);

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

Linear

HEX #424660 zu HEX #61425F

CSS-Code:

background-image: linear-gradient(135deg, #424660 11%, #61425F 99%);

Radial

HEX #424660 zu HEX #61425F

CSS-Code:

background-image: radial-gradient(circle, #424660 9%, #61425F 92%);

HEX #61425F zu HEX #424660

CSS-Code:

background-image: linear-gradient(135deg, #61425F 8%, #424660 88%);

HEX #61425F zu HEX #424660

CSS-Code:

background-image: radial-gradient(circle, #61425F 12%, #424660 99%);

HEX #424660 zu HEX #536142

CSS-Code:

background-image: linear-gradient(135deg, #424660 1%, #536142 90%);

HEX #424660 zu HEX #536142

CSS-Code:

background-image: radial-gradient(circle, #424660 6%, #536142 100%);

HEX #536142 zu HEX #424660

CSS-Code:

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

HEX #536142 zu HEX #424660

CSS-Code:

background-image: radial-gradient(circle, #536142 14%, #424660 100%);

2-Farben Gradienten von #424660 - Triadische Farben

Linear

HEX #424660 zu HEX #614246

CSS-Code:

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

Radial

HEX #424660 zu HEX #614246

CSS-Code:

background-image: radial-gradient(circle, #424660 6%, #614246 96%);

HEX #614246 zu HEX #424660

CSS-Code:

background-image: linear-gradient(135deg, #614246 12%, #424660 96%);

HEX #614246 zu HEX #424660

CSS-Code:

background-image: radial-gradient(circle, #614246 3%, #424660 94%);

HEX #424660 zu HEX #466142

CSS-Code:

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

HEX #424660 zu HEX #466142

CSS-Code:

background-image: radial-gradient(circle, #424660 12%, #466142 86%);

HEX #466142 zu HEX #424660

CSS-Code:

background-image: linear-gradient(135deg, #466142 7%, #424660 87%);

HEX #466142 zu HEX #424660

CSS-Code:

background-image: radial-gradient(circle, #466142 4%, #424660 99%);

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

Linear

HEX #424660 zu HEX #61425F

CSS-Code:

background-image: linear-gradient(135deg, #424660 0%, #61425F 90%);

Radial

HEX #424660 zu HEX #61425F

CSS-Code:

background-image: radial-gradient(circle, #424660 3%, #61425F 97%);

HEX #61425F zu HEX #424660

CSS-Code:

background-image: linear-gradient(135deg, #61425F 8%, #424660 91%);

HEX #61425F zu HEX #424660

CSS-Code:

background-image: radial-gradient(circle, #61425F 3%, #424660 88%);

HEX #424660 zu HEX #615D42

CSS-Code:

background-image: linear-gradient(135deg, #424660 4%, #615D42 87%);

HEX #424660 zu HEX #615D42

CSS-Code:

background-image: radial-gradient(circle, #424660 4%, #615D42 89%);

HEX #615D42 zu HEX #424660

CSS-Code:

background-image: linear-gradient(135deg, #615D42 12%, #424660 96%);

HEX #615D42 zu HEX #424660

CSS-Code:

background-image: radial-gradient(circle, #615D42 4%, #424660 96%);

HEX #424660 zu HEX #426144

CSS-Code:

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

HEX #424660 zu HEX #426144

CSS-Code:

background-image: radial-gradient(circle, #424660 8%, #426144 89%);

HEX #426144 zu HEX #424660

CSS-Code:

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

HEX #426144 zu HEX #424660

CSS-Code:

background-image: radial-gradient(circle, #426144 14%, #424660 96%);

2-Farben Gradienten von #424660 - Quadratische Farben

Linear

HEX #424660 zu HEX #614256

CSS-Code:

background-image: linear-gradient(135deg, #424660 11%, #614256 87%);

Radial

HEX #424660 zu HEX #614256

CSS-Code:

background-image: radial-gradient(circle, #424660 5%, #614256 97%);

HEX #614256 zu HEX #424660

CSS-Code:

background-image: linear-gradient(135deg, #614256 5%, #424660 89%);

HEX #614256 zu HEX #424660

CSS-Code:

background-image: radial-gradient(circle, #614256 11%, #424660 98%);

HEX #424660 zu HEX #615D42

CSS-Code:

background-image: linear-gradient(135deg, #424660 3%, #615D42 95%);

HEX #424660 zu HEX #615D42

CSS-Code:

background-image: radial-gradient(circle, #424660 9%, #615D42 97%);

HEX #615D42 zu HEX #424660

CSS-Code:

background-image: linear-gradient(135deg, #615D42 4%, #424660 87%);

HEX #615D42 zu HEX #424660

CSS-Code:

background-image: radial-gradient(circle, #615D42 10%, #424660 95%);

HEX #424660 zu HEX #42614D

CSS-Code:

background-image: linear-gradient(135deg, #424660 2%, #42614D 95%);

HEX #424660 zu HEX #42614D

CSS-Code:

background-image: radial-gradient(circle, #424660 1%, #42614D 91%);

HEX #42614D zu HEX #424660

CSS-Code:

background-image: linear-gradient(135deg, #42614D 13%, #424660 97%);

HEX #42614D zu HEX #424660

CSS-Code:

background-image: radial-gradient(circle, #42614D 3%, #424660 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.