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

CSS Gradienten:
#616684

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

Dunkle Farbe: niedrige Farbwerte wirken dunkler.

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

Verifizierung Ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #616684 zu HEX #9E997B


CSS-Code:

background-image: linear-gradient(135deg, #616684 4%, #9E997B 94%);

Radial

HEX #616684 zu HEX #9E997B


CSS-Code:

background-image: radial-gradient(circle, #616684 1%, #9E997B 93%);

 

HEX #9E997B zu HEX #616684


CSS-Code:

background-image: linear-gradient(135deg, #9E997B 9%, #616684 98%);

 

HEX #9E997B zu HEX #616684


CSS-Code:

background-image: radial-gradient(circle, #9E997B 8%, #616684 91%);

Linear

HEX #616684 zu HEX #627084


CSS-Code:

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

Radial

HEX #616684 zu HEX #627084


CSS-Code:

background-image: radial-gradient(circle, #616684 4%, #627084 93%);

 

HEX #627084 zu HEX #616684


CSS-Code:

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

 

HEX #627084 zu HEX #616684


CSS-Code:

background-image: radial-gradient(circle, #627084 2%, #616684 90%);

 

HEX #616684 zu HEX #626784


CSS-Code:

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

 

HEX #616684 zu HEX #626784


CSS-Code:

background-image: radial-gradient(circle, #616684 9%, #626784 89%);

 

HEX #626784 zu HEX #616684


CSS-Code:

background-image: linear-gradient(135deg, #626784 12%, #616684 87%);

 

HEX #626784 zu HEX #616684


CSS-Code:

background-image: radial-gradient(circle, #626784 0%, #616684 88%);

 

HEX #616684 zu HEX #666284


CSS-Code:

background-image: linear-gradient(135deg, #616684 6%, #666284 95%);

 

HEX #616684 zu HEX #666284


CSS-Code:

background-image: radial-gradient(circle, #616684 12%, #666284 91%);

 

HEX #666284 zu HEX #616684


CSS-Code:

background-image: linear-gradient(135deg, #666284 13%, #616684 95%);

 

HEX #666284 zu HEX #616684


CSS-Code:

background-image: radial-gradient(circle, #666284 7%, #616684 96%);

 

HEX #616684 zu HEX #6F6284


CSS-Code:

background-image: linear-gradient(135deg, #616684 3%, #6F6284 88%);

 

HEX #616684 zu HEX #6F6284


CSS-Code:

background-image: radial-gradient(circle, #616684 5%, #6F6284 94%);

 

HEX #6F6284 zu HEX #616684


CSS-Code:

background-image: linear-gradient(135deg, #6F6284 10%, #616684 95%);

 

HEX #6F6284 zu HEX #616684


CSS-Code:

background-image: radial-gradient(circle, #6F6284 6%, #616684 87%);

Linear

HEX #616684 zu HEX #50546C


CSS-Code:

background-image: linear-gradient(135deg, #616684 13%, #50546C 86%);

Radial

HEX #616684 zu HEX #50546C


CSS-Code:

background-image: radial-gradient(circle, #616684 13%, #50546C 91%);

 

HEX #50546C zu HEX #616684


CSS-Code:

background-image: linear-gradient(135deg, #50546C 10%, #616684 93%);

 

HEX #50546C zu HEX #616684


CSS-Code:

background-image: radial-gradient(circle, #50546C 9%, #616684 96%);

 

HEX #616684 zu HEX #626684


CSS-Code:

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

 

HEX #616684 zu HEX #626684


CSS-Code:

background-image: radial-gradient(circle, #616684 10%, #626684 91%);

 

HEX #626684 zu HEX #616684


CSS-Code:

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

 

HEX #626684 zu HEX #616684


CSS-Code:

background-image: radial-gradient(circle, #626684 3%, #616684 100%);

 

HEX #616684 zu HEX #757B99


CSS-Code:

background-image: linear-gradient(135deg, #616684 9%, #757B99 89%);

 

HEX #616684 zu HEX #757B99


CSS-Code:

background-image: radial-gradient(circle, #616684 1%, #757B99 99%);

 

HEX #757B99 zu HEX #616684


CSS-Code:

background-image: linear-gradient(135deg, #757B99 2%, #616684 92%);

 

HEX #757B99 zu HEX #616684


CSS-Code:

background-image: radial-gradient(circle, #757B99 11%, #616684 100%);

 

HEX #616684 zu HEX #8D91AB


CSS-Code:

background-image: linear-gradient(135deg, #616684 14%, #8D91AB 93%);

 

HEX #616684 zu HEX #8D91AB


CSS-Code:

background-image: radial-gradient(circle, #616684 12%, #8D91AB 86%);

 

HEX #8D91AB zu HEX #616684


CSS-Code:

background-image: linear-gradient(135deg, #8D91AB 13%, #616684 99%);

 

HEX #8D91AB zu HEX #616684


CSS-Code:

background-image: radial-gradient(circle, #8D91AB 7%, #616684 100%);

Linear

HEX #616684 zu HEX #627084


CSS-Code:

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

Radial

HEX #616684 zu HEX #627084


CSS-Code:

background-image: radial-gradient(circle, #616684 14%, #627084 100%);

 

HEX #627084 zu HEX #616684


CSS-Code:

background-image: linear-gradient(135deg, #627084 6%, #616684 90%);

 

HEX #627084 zu HEX #616684


CSS-Code:

background-image: radial-gradient(circle, #627084 2%, #616684 91%);

 

HEX #616684 zu HEX #626784


CSS-Code:

background-image: linear-gradient(135deg, #616684 12%, #626784 97%);

 

HEX #616684 zu HEX #626784


CSS-Code:

background-image: radial-gradient(circle, #616684 12%, #626784 87%);

 

HEX #626784 zu HEX #616684


CSS-Code:

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

 

HEX #626784 zu HEX #616684


CSS-Code:

background-image: radial-gradient(circle, #626784 13%, #616684 98%);

 

HEX #616684 zu HEX #666284


CSS-Code:

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

 

HEX #616684 zu HEX #666284


CSS-Code:

background-image: radial-gradient(circle, #616684 6%, #666284 90%);

 

HEX #666284 zu HEX #616684


CSS-Code:

background-image: linear-gradient(135deg, #666284 8%, #616684 93%);

 

HEX #666284 zu HEX #616684


CSS-Code:

background-image: radial-gradient(circle, #666284 6%, #616684 88%);

 

HEX #616684 zu HEX #6F6284


CSS-Code:

background-image: linear-gradient(135deg, #616684 12%, #6F6284 92%);

 

HEX #616684 zu HEX #6F6284


CSS-Code:

background-image: radial-gradient(circle, #616684 11%, #6F6284 94%);

 

HEX #6F6284 zu HEX #616684


CSS-Code:

background-image: linear-gradient(135deg, #6F6284 14%, #616684 99%);

 

HEX #6F6284 zu HEX #616684


CSS-Code:

background-image: radial-gradient(circle, #6F6284 14%, #616684 91%);

Linear

HEX #616684 zu HEX #50546C


CSS-Code:

background-image: linear-gradient(135deg, #616684 14%, #50546C 91%);

Radial

HEX #616684 zu HEX #50546C


CSS-Code:

background-image: radial-gradient(circle, #616684 0%, #50546C 98%);

 

HEX #50546C zu HEX #616684


CSS-Code:

background-image: linear-gradient(135deg, #50546C 5%, #616684 92%);

 

HEX #50546C zu HEX #616684


CSS-Code:

background-image: radial-gradient(circle, #50546C 4%, #616684 92%);

 

HEX #616684 zu HEX #626684


CSS-Code:

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

 

HEX #616684 zu HEX #626684


CSS-Code:

background-image: radial-gradient(circle, #616684 3%, #626684 94%);

 

HEX #626684 zu HEX #616684


CSS-Code:

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

 

HEX #626684 zu HEX #616684


CSS-Code:

background-image: radial-gradient(circle, #626684 9%, #616684 91%);

 

HEX #616684 zu HEX #757B99


CSS-Code:

background-image: linear-gradient(135deg, #616684 14%, #757B99 91%);

 

HEX #616684 zu HEX #757B99


CSS-Code:

background-image: radial-gradient(circle, #616684 9%, #757B99 95%);

 

HEX #757B99 zu HEX #616684


CSS-Code:

background-image: linear-gradient(135deg, #757B99 7%, #616684 98%);

 

HEX #757B99 zu HEX #616684


CSS-Code:

background-image: radial-gradient(circle, #757B99 5%, #616684 93%);

 

HEX #616684 zu HEX #8D91AB


CSS-Code:

background-image: linear-gradient(135deg, #616684 1%, #8D91AB 92%);

 

HEX #616684 zu HEX #8D91AB


CSS-Code:

background-image: radial-gradient(circle, #616684 5%, #8D91AB 99%);

 

HEX #8D91AB zu HEX #616684


CSS-Code:

background-image: linear-gradient(135deg, #8D91AB 13%, #616684 88%);

 

HEX #8D91AB zu HEX #616684


CSS-Code:

background-image: radial-gradient(circle, #8D91AB 4%, #616684 92%);

Linear

HEX #616684 zu HEX #846282


CSS-Code:

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

Radial

HEX #616684 zu HEX #846282


CSS-Code:

background-image: radial-gradient(circle, #616684 12%, #846282 88%);

 

HEX #846282 zu HEX #616684


CSS-Code:

background-image: linear-gradient(135deg, #846282 9%, #616684 91%);

 

HEX #846282 zu HEX #616684


CSS-Code:

background-image: radial-gradient(circle, #846282 10%, #616684 86%);

 

HEX #616684 zu HEX #748462


CSS-Code:

background-image: linear-gradient(135deg, #616684 9%, #748462 95%);

 

HEX #616684 zu HEX #748462


CSS-Code:

background-image: radial-gradient(circle, #616684 10%, #748462 90%);

 

HEX #748462 zu HEX #616684


CSS-Code:

background-image: linear-gradient(135deg, #748462 4%, #616684 86%);

 

HEX #748462 zu HEX #616684


CSS-Code:

background-image: radial-gradient(circle, #748462 2%, #616684 90%);

Linear

HEX #616684 zu HEX #846267


CSS-Code:

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

Radial

HEX #616684 zu HEX #846267


CSS-Code:

background-image: radial-gradient(circle, #616684 0%, #846267 87%);

 

HEX #846267 zu HEX #616684


CSS-Code:

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

 

HEX #846267 zu HEX #616684


CSS-Code:

background-image: radial-gradient(circle, #846267 3%, #616684 95%);

 

HEX #616684 zu HEX #678462


CSS-Code:

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

 

HEX #616684 zu HEX #678462


CSS-Code:

background-image: radial-gradient(circle, #616684 3%, #678462 100%);

 

HEX #678462 zu HEX #616684


CSS-Code:

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

 

HEX #678462 zu HEX #616684


CSS-Code:

background-image: radial-gradient(circle, #678462 6%, #616684 92%);

Linear

HEX #616684 zu HEX #846282


CSS-Code:

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

Radial

HEX #616684 zu HEX #846282


CSS-Code:

background-image: radial-gradient(circle, #616684 8%, #846282 89%);

 

HEX #846282 zu HEX #616684


CSS-Code:

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

 

HEX #846282 zu HEX #616684


CSS-Code:

background-image: radial-gradient(circle, #846282 6%, #616684 90%);

 

HEX #616684 zu HEX #847F62


CSS-Code:

background-image: linear-gradient(135deg, #616684 4%, #847F62 88%);

 

HEX #616684 zu HEX #847F62


CSS-Code:

background-image: radial-gradient(circle, #616684 1%, #847F62 90%);

 

HEX #847F62 zu HEX #616684


CSS-Code:

background-image: linear-gradient(135deg, #847F62 3%, #616684 97%);

 

HEX #847F62 zu HEX #616684


CSS-Code:

background-image: radial-gradient(circle, #847F62 7%, #616684 89%);

 

HEX #616684 zu HEX #628463


CSS-Code:

background-image: linear-gradient(135deg, #616684 6%, #628463 91%);

 

HEX #616684 zu HEX #628463


CSS-Code:

background-image: radial-gradient(circle, #616684 3%, #628463 98%);

 

HEX #628463 zu HEX #616684


CSS-Code:

background-image: linear-gradient(135deg, #628463 13%, #616684 86%);

 

HEX #628463 zu HEX #616684


CSS-Code:

background-image: radial-gradient(circle, #628463 1%, #616684 94%);

Linear

HEX #616684 zu HEX #846278


CSS-Code:

background-image: linear-gradient(135deg, #616684 2%, #846278 88%);

Radial

HEX #616684 zu HEX #846278


CSS-Code:

background-image: radial-gradient(circle, #616684 4%, #846278 89%);

 

HEX #846278 zu HEX #616684


CSS-Code:

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

 

HEX #846278 zu HEX #616684


CSS-Code:

background-image: radial-gradient(circle, #846278 5%, #616684 97%);

 

HEX #616684 zu HEX #847F62


CSS-Code:

background-image: linear-gradient(135deg, #616684 14%, #847F62 91%);

 

HEX #616684 zu HEX #847F62


CSS-Code:

background-image: radial-gradient(circle, #616684 13%, #847F62 94%);

 

HEX #847F62 zu HEX #616684


CSS-Code:

background-image: linear-gradient(135deg, #847F62 1%, #616684 98%);

 

HEX #847F62 zu HEX #616684


CSS-Code:

background-image: radial-gradient(circle, #847F62 6%, #616684 94%);

 

HEX #616684 zu HEX #62846E


CSS-Code:

background-image: linear-gradient(135deg, #616684 10%, #62846E 87%);

 

HEX #616684 zu HEX #62846E


CSS-Code:

background-image: radial-gradient(circle, #616684 7%, #62846E 98%);

 

HEX #62846E zu HEX #616684


CSS-Code:

background-image: linear-gradient(135deg, #62846E 7%, #616684 95%);

 

HEX #62846E zu HEX #616684


CSS-Code:

background-image: radial-gradient(circle, #62846E 8%, #616684 86%);

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.