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

CSS Gradienten:
CMYK 0 / 3 / 57 / 53

Information

schließe alle

Lass Dir 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: Kopiere Dir den CSS-Code zum einfachen integrieren auf Deiner Webseite.

Lass Dir 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: Kopiere Dir den CSS-Code zum einfachen integrieren auf Deiner Webseite.

Lass Dir 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: Kopiere Dir den CSS-Code zum einfachen integrieren auf Deiner Webseite.

Anzeigeoptionen

Beschreibung

Da die Farbwerte im Vergleich zu anderen relativ gering sind, erscheint uns dieser Farbton dunkler.

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

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #787434 zu HEX #878BCB


CSS-Code:

background-image: linear-gradient(135deg, #787434 7%, #878BCB 95%);

Radial

HEX #787434 zu HEX #878BCB


CSS-Code:

background-image: radial-gradient(circle, #787434 12%, #878BCB 97%);

 

HEX #878BCB zu HEX #787434


CSS-Code:

background-image: linear-gradient(135deg, #878BCB 4%, #787434 90%);

 

HEX #878BCB zu HEX #787434


CSS-Code:

background-image: radial-gradient(circle, #878BCB 4%, #787434 88%);

Linear

HEX #787434 zu HEX #796234


CSS-Code:

background-image: linear-gradient(135deg, #787434 3%, #796234 98%);

Radial

HEX #787434 zu HEX #796234


CSS-Code:

background-image: radial-gradient(circle, #787434 11%, #796234 90%);

 

HEX #796234 zu HEX #787434


CSS-Code:

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

 

HEX #796234 zu HEX #787434


CSS-Code:

background-image: radial-gradient(circle, #796234 9%, #787434 99%);

 

HEX #787434 zu HEX #797434


CSS-Code:

background-image: linear-gradient(135deg, #787434 1%, #797434 92%);

 

HEX #787434 zu HEX #797434


CSS-Code:

background-image: radial-gradient(circle, #787434 14%, #797434 95%);

 

HEX #797434 zu HEX #787434


CSS-Code:

background-image: linear-gradient(135deg, #797434 3%, #787434 97%);

 

HEX #797434 zu HEX #787434


CSS-Code:

background-image: radial-gradient(circle, #797434 14%, #787434 100%);

 

HEX #787434 zu HEX #6B7934


CSS-Code:

background-image: linear-gradient(135deg, #787434 1%, #6B7934 92%);

 

HEX #787434 zu HEX #6B7934


CSS-Code:

background-image: radial-gradient(circle, #787434 3%, #6B7934 90%);

 

HEX #6B7934 zu HEX #787434


CSS-Code:

background-image: linear-gradient(135deg, #6B7934 5%, #787434 86%);

 

HEX #6B7934 zu HEX #787434


CSS-Code:

background-image: radial-gradient(circle, #6B7934 11%, #787434 98%);

 

HEX #787434 zu HEX #597934


CSS-Code:

background-image: linear-gradient(135deg, #787434 10%, #597934 96%);

 

HEX #787434 zu HEX #597934


CSS-Code:

background-image: radial-gradient(circle, #787434 9%, #597934 98%);

 

HEX #597934 zu HEX #787434


CSS-Code:

background-image: linear-gradient(135deg, #597934 6%, #787434 87%);

 

HEX #597934 zu HEX #787434


CSS-Code:

background-image: radial-gradient(circle, #597934 2%, #787434 97%);

Linear

HEX #787434 zu HEX #5C5927


CSS-Code:

background-image: linear-gradient(135deg, #787434 11%, #5C5927 93%);

Radial

HEX #787434 zu HEX #5C5927


CSS-Code:

background-image: radial-gradient(circle, #787434 9%, #5C5927 99%);

 

HEX #5C5927 zu HEX #787434


CSS-Code:

background-image: linear-gradient(135deg, #5C5927 12%, #787434 98%);

 

HEX #5C5927 zu HEX #787434


CSS-Code:

background-image: radial-gradient(circle, #5C5927 4%, #787434 90%);

 

HEX #787434 zu HEX #797534


CSS-Code:

background-image: linear-gradient(135deg, #787434 12%, #797534 100%);

 

HEX #787434 zu HEX #797534


CSS-Code:

background-image: radial-gradient(circle, #787434 13%, #797534 90%);

 

HEX #797534 zu HEX #787434


CSS-Code:

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

 

HEX #797534 zu HEX #787434


CSS-Code:

background-image: radial-gradient(circle, #797534 10%, #787434 88%);

 

HEX #787434 zu HEX #969140


CSS-Code:

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

 

HEX #787434 zu HEX #969140


CSS-Code:

background-image: radial-gradient(circle, #787434 3%, #969140 87%);

 

HEX #969140 zu HEX #787434


CSS-Code:

background-image: linear-gradient(135deg, #969140 10%, #787434 88%);

 

HEX #969140 zu HEX #787434


CSS-Code:

background-image: radial-gradient(circle, #969140 2%, #787434 96%);

 

HEX #787434 zu HEX #B2AC4D


CSS-Code:

background-image: linear-gradient(135deg, #787434 14%, #B2AC4D 90%);

 

HEX #787434 zu HEX #B2AC4D


CSS-Code:

background-image: radial-gradient(circle, #787434 4%, #B2AC4D 91%);

 

HEX #B2AC4D zu HEX #787434


CSS-Code:

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

 

HEX #B2AC4D zu HEX #787434


CSS-Code:

background-image: radial-gradient(circle, #B2AC4D 0%, #787434 91%);

Linear

HEX #787434 zu HEX #796234


CSS-Code:

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

Radial

HEX #787434 zu HEX #796234


CSS-Code:

background-image: radial-gradient(circle, #787434 7%, #796234 88%);

 

HEX #796234 zu HEX #787434


CSS-Code:

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

 

HEX #796234 zu HEX #787434


CSS-Code:

background-image: radial-gradient(circle, #796234 12%, #787434 98%);

 

HEX #787434 zu HEX #797434


CSS-Code:

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

 

HEX #787434 zu HEX #797434


CSS-Code:

background-image: radial-gradient(circle, #787434 14%, #797434 87%);

 

HEX #797434 zu HEX #787434


CSS-Code:

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

 

HEX #797434 zu HEX #787434


CSS-Code:

background-image: radial-gradient(circle, #797434 4%, #787434 89%);

 

HEX #787434 zu HEX #6B7934


CSS-Code:

background-image: linear-gradient(135deg, #787434 13%, #6B7934 96%);

 

HEX #787434 zu HEX #6B7934


CSS-Code:

background-image: radial-gradient(circle, #787434 8%, #6B7934 100%);

 

HEX #6B7934 zu HEX #787434


CSS-Code:

background-image: linear-gradient(135deg, #6B7934 3%, #787434 90%);

 

HEX #6B7934 zu HEX #787434


CSS-Code:

background-image: radial-gradient(circle, #6B7934 4%, #787434 89%);

 

HEX #787434 zu HEX #597934


CSS-Code:

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

 

HEX #787434 zu HEX #597934


CSS-Code:

background-image: radial-gradient(circle, #787434 8%, #597934 98%);

 

HEX #597934 zu HEX #787434


CSS-Code:

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

 

HEX #597934 zu HEX #787434


CSS-Code:

background-image: radial-gradient(circle, #597934 12%, #787434 87%);

Linear

HEX #787434 zu HEX #5C5927


CSS-Code:

background-image: linear-gradient(135deg, #787434 10%, #5C5927 99%);

Radial

HEX #787434 zu HEX #5C5927


CSS-Code:

background-image: radial-gradient(circle, #787434 13%, #5C5927 99%);

 

HEX #5C5927 zu HEX #787434


CSS-Code:

background-image: linear-gradient(135deg, #5C5927 6%, #787434 100%);

 

HEX #5C5927 zu HEX #787434


CSS-Code:

background-image: radial-gradient(circle, #5C5927 4%, #787434 96%);

 

HEX #787434 zu HEX #797534


CSS-Code:

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

 

HEX #787434 zu HEX #797534


CSS-Code:

background-image: radial-gradient(circle, #787434 12%, #797534 87%);

 

HEX #797534 zu HEX #787434


CSS-Code:

background-image: linear-gradient(135deg, #797534 3%, #787434 96%);

 

HEX #797534 zu HEX #787434


CSS-Code:

background-image: radial-gradient(circle, #797534 1%, #787434 90%);

 

HEX #787434 zu HEX #969140


CSS-Code:

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

 

HEX #787434 zu HEX #969140


CSS-Code:

background-image: radial-gradient(circle, #787434 10%, #969140 98%);

 

HEX #969140 zu HEX #787434


CSS-Code:

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

 

HEX #969140 zu HEX #787434


CSS-Code:

background-image: radial-gradient(circle, #969140 8%, #787434 90%);

 

HEX #787434 zu HEX #B2AC4D


CSS-Code:

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

 

HEX #787434 zu HEX #B2AC4D


CSS-Code:

background-image: radial-gradient(circle, #787434 4%, #B2AC4D 96%);

 

HEX #B2AC4D zu HEX #787434


CSS-Code:

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

 

HEX #B2AC4D zu HEX #787434


CSS-Code:

background-image: radial-gradient(circle, #B2AC4D 3%, #787434 95%);

Linear

HEX #787434 zu HEX #34793D


CSS-Code:

background-image: linear-gradient(135deg, #787434 11%, #34793D 98%);

Radial

HEX #787434 zu HEX #34793D


CSS-Code:

background-image: radial-gradient(circle, #787434 11%, #34793D 86%);

 

HEX #34793D zu HEX #787434


CSS-Code:

background-image: linear-gradient(135deg, #34793D 0%, #787434 86%);

 

HEX #34793D zu HEX #787434


CSS-Code:

background-image: radial-gradient(circle, #34793D 1%, #787434 88%);

 

HEX #787434 zu HEX #593479


CSS-Code:

background-image: linear-gradient(135deg, #787434 11%, #593479 97%);

 

HEX #787434 zu HEX #593479


CSS-Code:

background-image: radial-gradient(circle, #787434 9%, #593479 96%);

 

HEX #593479 zu HEX #787434


CSS-Code:

background-image: linear-gradient(135deg, #593479 3%, #787434 94%);

 

HEX #593479 zu HEX #787434


CSS-Code:

background-image: radial-gradient(circle, #593479 4%, #787434 100%);

Linear

HEX #787434 zu HEX #347974


CSS-Code:

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

Radial

HEX #787434 zu HEX #347974


CSS-Code:

background-image: radial-gradient(circle, #787434 7%, #347974 87%);

 

HEX #347974 zu HEX #787434


CSS-Code:

background-image: linear-gradient(135deg, #347974 14%, #787434 94%);

 

HEX #347974 zu HEX #787434


CSS-Code:

background-image: radial-gradient(circle, #347974 5%, #787434 88%);

 

HEX #787434 zu HEX #743479


CSS-Code:

background-image: linear-gradient(135deg, #787434 10%, #743479 96%);

 

HEX #787434 zu HEX #743479


CSS-Code:

background-image: radial-gradient(circle, #787434 13%, #743479 94%);

 

HEX #743479 zu HEX #787434


CSS-Code:

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

 

HEX #743479 zu HEX #787434


CSS-Code:

background-image: radial-gradient(circle, #743479 13%, #787434 100%);

Linear

HEX #787434 zu HEX #34793D


CSS-Code:

background-image: linear-gradient(135deg, #787434 1%, #34793D 90%);

Radial

HEX #787434 zu HEX #34793D


CSS-Code:

background-image: radial-gradient(circle, #787434 5%, #34793D 99%);

 

HEX #34793D zu HEX #787434


CSS-Code:

background-image: linear-gradient(135deg, #34793D 9%, #787434 97%);

 

HEX #34793D zu HEX #787434


CSS-Code:

background-image: radial-gradient(circle, #34793D 0%, #787434 96%);

 

HEX #787434 zu HEX #343879


CSS-Code:

background-image: linear-gradient(135deg, #787434 10%, #343879 96%);

 

HEX #787434 zu HEX #343879


CSS-Code:

background-image: radial-gradient(circle, #787434 14%, #343879 91%);

 

HEX #343879 zu HEX #787434


CSS-Code:

background-image: linear-gradient(135deg, #343879 1%, #787434 98%);

 

HEX #343879 zu HEX #787434


CSS-Code:

background-image: radial-gradient(circle, #343879 8%, #787434 87%);

 

HEX #787434 zu HEX #793470


CSS-Code:

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

 

HEX #787434 zu HEX #793470


CSS-Code:

background-image: radial-gradient(circle, #787434 5%, #793470 87%);

 

HEX #793470 zu HEX #787434


CSS-Code:

background-image: linear-gradient(135deg, #793470 9%, #787434 88%);

 

HEX #793470 zu HEX #787434


CSS-Code:

background-image: radial-gradient(circle, #793470 3%, #787434 94%);

Linear

HEX #787434 zu HEX #347952


CSS-Code:

background-image: linear-gradient(135deg, #787434 3%, #347952 100%);

Radial

HEX #787434 zu HEX #347952


CSS-Code:

background-image: radial-gradient(circle, #787434 4%, #347952 96%);

 

HEX #347952 zu HEX #787434


CSS-Code:

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

 

HEX #347952 zu HEX #787434


CSS-Code:

background-image: radial-gradient(circle, #347952 4%, #787434 88%);

 

HEX #787434 zu HEX #343879


CSS-Code:

background-image: linear-gradient(135deg, #787434 4%, #343879 89%);

 

HEX #787434 zu HEX #343879


CSS-Code:

background-image: radial-gradient(circle, #787434 13%, #343879 86%);

 

HEX #343879 zu HEX #787434


CSS-Code:

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

 

HEX #343879 zu HEX #787434


CSS-Code:

background-image: radial-gradient(circle, #343879 11%, #787434 99%);

 

HEX #787434 zu HEX #79345B


CSS-Code:

background-image: linear-gradient(135deg, #787434 2%, #79345B 96%);

 

HEX #787434 zu HEX #79345B


CSS-Code:

background-image: radial-gradient(circle, #787434 1%, #79345B 92%);

 

HEX #79345B zu HEX #787434


CSS-Code:

background-image: linear-gradient(135deg, #79345B 13%, #787434 90%);

 

HEX #79345B zu HEX #787434


CSS-Code:

background-image: radial-gradient(circle, #79345B 1%, #787434 98%);

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)

To be able to save color palettes, you must be logged in.

Sign in to your account

or

Create an account

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

Cancel Share

Color palette shared
Please copy and save the link you want.

Share

OK, I have copied the links

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

Show color palette
Close

Create a color palette

DownloadDownload in different formats

Remove All

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