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

✕

CSS Gradienten:
RGB 56 12 172

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 56 Rot, 12 Grün und 172 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.
56 12 172 R G B
Im CMYK-Farbsystem wird die Farbe folgendermaßen zusammengesetzt: In diesem Farbton sind von 100 maximalen Farbanteilen jeweils 67 Cyan, 93 Magenta, keine Gelb und 33 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.
67% 93% 0% 33% C M Y K

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #380CAC zu HEX #C7F353


CSS-Code:

background-image: linear-gradient(135deg, #380CAC 9%, #C7F353 91%);

Radial

HEX #380CAC zu HEX #C7F353


CSS-Code:

background-image: radial-gradient(circle, #380CAC 10%, #C7F353 88%);

 

HEX #C7F353 zu HEX #380CAC


CSS-Code:

background-image: linear-gradient(135deg, #C7F353 5%, #380CAC 88%);

 

HEX #C7F353 zu HEX #380CAC


CSS-Code:

background-image: radial-gradient(circle, #C7F353 9%, #380CAC 90%);

Linear

HEX #380CAC zu HEX #0B0BAB


CSS-Code:

background-image: linear-gradient(135deg, #380CAC 10%, #0B0BAB 98%);

Radial

HEX #380CAC zu HEX #0B0BAB


CSS-Code:

background-image: radial-gradient(circle, #380CAC 14%, #0B0BAB 92%);

 

HEX #0B0BAB zu HEX #380CAC


CSS-Code:

background-image: linear-gradient(135deg, #0B0BAB 0%, #380CAC 95%);

 

HEX #0B0BAB zu HEX #380CAC


CSS-Code:

background-image: radial-gradient(circle, #0B0BAB 5%, #380CAC 97%);

 

HEX #380CAC zu HEX #360BAB


CSS-Code:

background-image: linear-gradient(135deg, #380CAC 11%, #360BAB 86%);

 

HEX #380CAC zu HEX #360BAB


CSS-Code:

background-image: radial-gradient(circle, #380CAC 9%, #360BAB 90%);

 

HEX #360BAB zu HEX #380CAC


CSS-Code:

background-image: linear-gradient(135deg, #360BAB 12%, #380CAC 96%);

 

HEX #360BAB zu HEX #380CAC


CSS-Code:

background-image: radial-gradient(circle, #360BAB 13%, #380CAC 86%);

 

HEX #380CAC zu HEX #610BAB


CSS-Code:

background-image: linear-gradient(135deg, #380CAC 6%, #610BAB 86%);

 

HEX #380CAC zu HEX #610BAB


CSS-Code:

background-image: radial-gradient(circle, #380CAC 13%, #610BAB 96%);

 

HEX #610BAB zu HEX #380CAC


CSS-Code:

background-image: linear-gradient(135deg, #610BAB 7%, #380CAC 87%);

 

HEX #610BAB zu HEX #380CAC


CSS-Code:

background-image: radial-gradient(circle, #610BAB 1%, #380CAC 89%);

 

HEX #380CAC zu HEX #8B0BAB


CSS-Code:

background-image: linear-gradient(135deg, #380CAC 5%, #8B0BAB 88%);

 

HEX #380CAC zu HEX #8B0BAB


CSS-Code:

background-image: radial-gradient(circle, #380CAC 1%, #8B0BAB 96%);

 

HEX #8B0BAB zu HEX #380CAC


CSS-Code:

background-image: linear-gradient(135deg, #8B0BAB 3%, #380CAC 97%);

 

HEX #8B0BAB zu HEX #380CAC


CSS-Code:

background-image: radial-gradient(circle, #8B0BAB 12%, #380CAC 91%);

Linear

HEX #380CAC zu HEX #2B0985


CSS-Code:

background-image: linear-gradient(135deg, #380CAC 11%, #2B0985 90%);

Radial

HEX #380CAC zu HEX #2B0985


CSS-Code:

background-image: radial-gradient(circle, #380CAC 9%, #2B0985 90%);

 

HEX #2B0985 zu HEX #380CAC


CSS-Code:

background-image: linear-gradient(135deg, #2B0985 13%, #380CAC 86%);

 

HEX #2B0985 zu HEX #380CAC


CSS-Code:

background-image: radial-gradient(circle, #2B0985 2%, #380CAC 90%);

 

HEX #380CAC zu HEX #370BAB


CSS-Code:

background-image: linear-gradient(135deg, #380CAC 6%, #370BAB 87%);

 

HEX #380CAC zu HEX #370BAB


CSS-Code:

background-image: radial-gradient(circle, #380CAC 13%, #370BAB 96%);

 

HEX #370BAB zu HEX #380CAC


CSS-Code:

background-image: linear-gradient(135deg, #370BAB 0%, #380CAC 89%);

 

HEX #370BAB zu HEX #380CAC


CSS-Code:

background-image: radial-gradient(circle, #370BAB 12%, #380CAC 87%);

 

HEX #380CAC zu HEX #440ED2


CSS-Code:

background-image: linear-gradient(135deg, #380CAC 8%, #440ED2 89%);

 

HEX #380CAC zu HEX #440ED2


CSS-Code:

background-image: radial-gradient(circle, #380CAC 1%, #440ED2 100%);

 

HEX #440ED2 zu HEX #380CAC


CSS-Code:

background-image: linear-gradient(135deg, #440ED2 6%, #380CAC 86%);

 

HEX #440ED2 zu HEX #380CAC


CSS-Code:

background-image: radial-gradient(circle, #440ED2 5%, #380CAC 94%);

 

HEX #380CAC zu HEX #551AEF


CSS-Code:

background-image: linear-gradient(135deg, #380CAC 12%, #551AEF 88%);

 

HEX #380CAC zu HEX #551AEF


CSS-Code:

background-image: radial-gradient(circle, #380CAC 8%, #551AEF 87%);

 

HEX #551AEF zu HEX #380CAC


CSS-Code:

background-image: linear-gradient(135deg, #551AEF 6%, #380CAC 90%);

 

HEX #551AEF zu HEX #380CAC


CSS-Code:

background-image: radial-gradient(circle, #551AEF 3%, #380CAC 86%);

Linear

HEX #380CAC zu HEX #0B0BAB


CSS-Code:

background-image: linear-gradient(135deg, #380CAC 8%, #0B0BAB 99%);

Radial

HEX #380CAC zu HEX #0B0BAB


CSS-Code:

background-image: radial-gradient(circle, #380CAC 14%, #0B0BAB 93%);

 

HEX #0B0BAB zu HEX #380CAC


CSS-Code:

background-image: linear-gradient(135deg, #0B0BAB 4%, #380CAC 94%);

 

HEX #0B0BAB zu HEX #380CAC


CSS-Code:

background-image: radial-gradient(circle, #0B0BAB 13%, #380CAC 86%);

 

HEX #380CAC zu HEX #360BAB


CSS-Code:

background-image: linear-gradient(135deg, #380CAC 8%, #360BAB 89%);

 

HEX #380CAC zu HEX #360BAB


CSS-Code:

background-image: radial-gradient(circle, #380CAC 10%, #360BAB 93%);

 

HEX #360BAB zu HEX #380CAC


CSS-Code:

background-image: linear-gradient(135deg, #360BAB 13%, #380CAC 91%);

 

HEX #360BAB zu HEX #380CAC


CSS-Code:

background-image: radial-gradient(circle, #360BAB 3%, #380CAC 86%);

 

HEX #380CAC zu HEX #610BAB


CSS-Code:

background-image: linear-gradient(135deg, #380CAC 5%, #610BAB 87%);

 

HEX #380CAC zu HEX #610BAB


CSS-Code:

background-image: radial-gradient(circle, #380CAC 9%, #610BAB 98%);

 

HEX #610BAB zu HEX #380CAC


CSS-Code:

background-image: linear-gradient(135deg, #610BAB 3%, #380CAC 89%);

 

HEX #610BAB zu HEX #380CAC


CSS-Code:

background-image: radial-gradient(circle, #610BAB 13%, #380CAC 89%);

 

HEX #380CAC zu HEX #8B0BAB


CSS-Code:

background-image: linear-gradient(135deg, #380CAC 8%, #8B0BAB 88%);

 

HEX #380CAC zu HEX #8B0BAB


CSS-Code:

background-image: radial-gradient(circle, #380CAC 6%, #8B0BAB 89%);

 

HEX #8B0BAB zu HEX #380CAC


CSS-Code:

background-image: linear-gradient(135deg, #8B0BAB 10%, #380CAC 94%);

 

HEX #8B0BAB zu HEX #380CAC


CSS-Code:

background-image: radial-gradient(circle, #8B0BAB 10%, #380CAC 95%);

Linear

HEX #380CAC zu HEX #2B0985


CSS-Code:

background-image: linear-gradient(135deg, #380CAC 2%, #2B0985 86%);

Radial

HEX #380CAC zu HEX #2B0985


CSS-Code:

background-image: radial-gradient(circle, #380CAC 8%, #2B0985 88%);

 

HEX #2B0985 zu HEX #380CAC


CSS-Code:

background-image: linear-gradient(135deg, #2B0985 10%, #380CAC 100%);

 

HEX #2B0985 zu HEX #380CAC


CSS-Code:

background-image: radial-gradient(circle, #2B0985 12%, #380CAC 92%);

 

HEX #380CAC zu HEX #370BAB


CSS-Code:

background-image: linear-gradient(135deg, #380CAC 9%, #370BAB 92%);

 

HEX #380CAC zu HEX #370BAB


CSS-Code:

background-image: radial-gradient(circle, #380CAC 7%, #370BAB 94%);

 

HEX #370BAB zu HEX #380CAC


CSS-Code:

background-image: linear-gradient(135deg, #370BAB 3%, #380CAC 86%);

 

HEX #370BAB zu HEX #380CAC


CSS-Code:

background-image: radial-gradient(circle, #370BAB 1%, #380CAC 93%);

 

HEX #380CAC zu HEX #440ED2


CSS-Code:

background-image: linear-gradient(135deg, #380CAC 5%, #440ED2 98%);

 

HEX #380CAC zu HEX #440ED2


CSS-Code:

background-image: radial-gradient(circle, #380CAC 4%, #440ED2 92%);

 

HEX #440ED2 zu HEX #380CAC


CSS-Code:

background-image: linear-gradient(135deg, #440ED2 14%, #380CAC 97%);

 

HEX #440ED2 zu HEX #380CAC


CSS-Code:

background-image: radial-gradient(circle, #440ED2 9%, #380CAC 87%);

 

HEX #380CAC zu HEX #551AEF


CSS-Code:

background-image: linear-gradient(135deg, #380CAC 3%, #551AEF 86%);

 

HEX #380CAC zu HEX #551AEF


CSS-Code:

background-image: radial-gradient(circle, #380CAC 5%, #551AEF 98%);

 

HEX #551AEF zu HEX #380CAC


CSS-Code:

background-image: linear-gradient(135deg, #551AEF 0%, #380CAC 96%);

 

HEX #551AEF zu HEX #380CAC


CSS-Code:

background-image: radial-gradient(circle, #551AEF 3%, #380CAC 97%);

Linear

HEX #380CAC zu HEX #AB0B61


CSS-Code:

background-image: linear-gradient(135deg, #380CAC 10%, #AB0B61 92%);

Radial

HEX #380CAC zu HEX #AB0B61


CSS-Code:

background-image: radial-gradient(circle, #380CAC 8%, #AB0B61 96%);

 

HEX #AB0B61 zu HEX #380CAC


CSS-Code:

background-image: linear-gradient(135deg, #AB0B61 3%, #380CAC 99%);

 

HEX #AB0B61 zu HEX #380CAC


CSS-Code:

background-image: radial-gradient(circle, #AB0B61 6%, #380CAC 89%);

 

HEX #380CAC zu HEX #21AB0B


CSS-Code:

background-image: linear-gradient(135deg, #380CAC 5%, #21AB0B 87%);

 

HEX #380CAC zu HEX #21AB0B


CSS-Code:

background-image: radial-gradient(circle, #380CAC 5%, #21AB0B 86%);

 

HEX #21AB0B zu HEX #380CAC


CSS-Code:

background-image: linear-gradient(135deg, #21AB0B 1%, #380CAC 87%);

 

HEX #21AB0B zu HEX #380CAC


CSS-Code:

background-image: radial-gradient(circle, #21AB0B 6%, #380CAC 99%);

Linear

HEX #380CAC zu HEX #AB360B


CSS-Code:

background-image: linear-gradient(135deg, #380CAC 10%, #AB360B 93%);

Radial

HEX #380CAC zu HEX #AB360B


CSS-Code:

background-image: radial-gradient(circle, #380CAC 8%, #AB360B 87%);

 

HEX #AB360B zu HEX #380CAC


CSS-Code:

background-image: linear-gradient(135deg, #AB360B 7%, #380CAC 96%);

 

HEX #AB360B zu HEX #380CAC


CSS-Code:

background-image: radial-gradient(circle, #AB360B 11%, #380CAC 89%);

 

HEX #380CAC zu HEX #0BAB36


CSS-Code:

background-image: linear-gradient(135deg, #380CAC 3%, #0BAB36 86%);

 

HEX #380CAC zu HEX #0BAB36


CSS-Code:

background-image: radial-gradient(circle, #380CAC 5%, #0BAB36 89%);

 

HEX #0BAB36 zu HEX #380CAC


CSS-Code:

background-image: linear-gradient(135deg, #0BAB36 14%, #380CAC 91%);

 

HEX #0BAB36 zu HEX #380CAC


CSS-Code:

background-image: radial-gradient(circle, #0BAB36 6%, #380CAC 95%);

Linear

HEX #380CAC zu HEX #AB0B61


CSS-Code:

background-image: linear-gradient(135deg, #380CAC 7%, #AB0B61 93%);

Radial

HEX #380CAC zu HEX #AB0B61


CSS-Code:

background-image: radial-gradient(circle, #380CAC 5%, #AB0B61 99%);

 

HEX #AB0B61 zu HEX #380CAC


CSS-Code:

background-image: linear-gradient(135deg, #AB0B61 7%, #380CAC 100%);

 

HEX #AB0B61 zu HEX #380CAC


CSS-Code:

background-image: radial-gradient(circle, #AB0B61 7%, #380CAC 92%);

 

HEX #380CAC zu HEX #81AB0B


CSS-Code:

background-image: linear-gradient(135deg, #380CAC 8%, #81AB0B 87%);

 

HEX #380CAC zu HEX #81AB0B


CSS-Code:

background-image: radial-gradient(circle, #380CAC 5%, #81AB0B 92%);

 

HEX #81AB0B zu HEX #380CAC


CSS-Code:

background-image: linear-gradient(135deg, #81AB0B 1%, #380CAC 88%);

 

HEX #81AB0B zu HEX #380CAC


CSS-Code:

background-image: radial-gradient(circle, #81AB0B 9%, #380CAC 97%);

 

HEX #380CAC zu HEX #0BAB56


CSS-Code:

background-image: linear-gradient(135deg, #380CAC 1%, #0BAB56 89%);

 

HEX #380CAC zu HEX #0BAB56


CSS-Code:

background-image: radial-gradient(circle, #380CAC 3%, #0BAB56 99%);

 

HEX #0BAB56 zu HEX #380CAC


CSS-Code:

background-image: linear-gradient(135deg, #0BAB56 1%, #380CAC 100%);

 

HEX #0BAB56 zu HEX #380CAC


CSS-Code:

background-image: radial-gradient(circle, #0BAB56 3%, #380CAC 92%);

Linear

HEX #380CAC zu HEX #AB0B31


CSS-Code:

background-image: linear-gradient(135deg, #380CAC 9%, #AB0B31 95%);

Radial

HEX #380CAC zu HEX #AB0B31


CSS-Code:

background-image: radial-gradient(circle, #380CAC 7%, #AB0B31 99%);

 

HEX #AB0B31 zu HEX #380CAC


CSS-Code:

background-image: linear-gradient(135deg, #AB0B31 2%, #380CAC 89%);

 

HEX #AB0B31 zu HEX #380CAC


CSS-Code:

background-image: radial-gradient(circle, #AB0B31 14%, #380CAC 97%);

 

HEX #380CAC zu HEX #81AB0B


CSS-Code:

background-image: linear-gradient(135deg, #380CAC 5%, #81AB0B 95%);

 

HEX #380CAC zu HEX #81AB0B


CSS-Code:

background-image: radial-gradient(circle, #380CAC 8%, #81AB0B 98%);

 

HEX #81AB0B zu HEX #380CAC


CSS-Code:

background-image: linear-gradient(135deg, #81AB0B 14%, #380CAC 95%);

 

HEX #81AB0B zu HEX #380CAC


CSS-Code:

background-image: radial-gradient(circle, #81AB0B 2%, #380CAC 99%);

 

HEX #380CAC zu HEX #0BAB86


CSS-Code:

background-image: linear-gradient(135deg, #380CAC 11%, #0BAB86 97%);

 

HEX #380CAC zu HEX #0BAB86


CSS-Code:

background-image: radial-gradient(circle, #380CAC 8%, #0BAB86 90%);

 

HEX #0BAB86 zu HEX #380CAC


CSS-Code:

background-image: linear-gradient(135deg, #0BAB86 2%, #380CAC 100%);

 

HEX #0BAB86 zu HEX #380CAC


CSS-Code:

background-image: radial-gradient(circle, #0BAB86 1%, #380CAC 96%);

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
Icons

CMYK in HEX

umrechnen von CMYK cyan / magenta / gelb / key zu #RRGGBB
Icons

CMYK in RGB

umrechnen von CMYK cyan / magenta / gelb / key zu RGB rot grün blau
Icons

CMYK in RAL®

umrechnen von CMYK cyan / magenta / gelb / key zu RAL®-Nummer (RAL 0000)
Icons

CMYK in HKS®

umrechnen von CMYK cyan / magenta / gelb / key zu HKS®-Nummer (HKS 00)
Icons

CMYK in PANTONE®

umrechnen von CMYK cyan / magenta / gelb / key zu Pantone®-Nummer (Pantone 0000)
Icons

CMYK in Sherwin Williams®

umrechnen von CMYK cyan / magenta / gelb / key zu Sherwin Williams®-Nummer (SW 0000)
Icons

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

NCS® in RGB

umrechnen von NCS-Nummer (S0000-X00X) zu RGB rot grün blau
nsc-logo

NCS® in CMYK

umrechnen von NCS-Nummer (S0000-X00X) zu CMYK cyan / magenta / gelb / key

Icons
nsc-logo

NCS® in HEX

umrechnen von NCS-Nummer (S0000-X00X) zu #RRGGBB
nsc-logo

NCS® in RAL®

umrechnen von NCS-Nummer (S0000-X00X) zu RAL®-Nummer (RAL 0000)
nsc-logo

NCS® in HKS®

umrechnen von NCS-Nummer (S0000-X00X) zu HKS®-Nummer (HKS 00)
nsc-logo

NCS® in PANTONE®

umrechnen von NCS-Nummer (S0000-X00X) zu Pantone®-Nummer (Pantone 0000)
nsc-logo

NCS® in Sherwin Williams®

umrechnen von NCS-Nummer (S0000-X00X) zu Sherwin Williams®-Nummer (SW 0000)

Codes

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.

© 2019-2025 - Designed by frag-bobby.de