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

CSS Gradienten:
CMYK 76 / 86 / 0 / 44

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

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #22148F zu HEX #DDEB70


CSS-Code:

background-image: linear-gradient(135deg, #22148F 10%, #DDEB70 87%);

Radial

HEX #22148F zu HEX #DDEB70


CSS-Code:

background-image: radial-gradient(circle, #22148F 4%, #DDEB70 95%);

 

HEX #DDEB70 zu HEX #22148F


CSS-Code:

background-image: linear-gradient(135deg, #DDEB70 8%, #22148F 96%);

 

HEX #DDEB70 zu HEX #22148F


CSS-Code:

background-image: radial-gradient(circle, #DDEB70 0%, #22148F 99%);

Linear

HEX #22148F zu HEX #14288E


CSS-Code:

background-image: linear-gradient(135deg, #22148F 14%, #14288E 99%);

Radial

HEX #22148F zu HEX #14288E


CSS-Code:

background-image: radial-gradient(circle, #22148F 12%, #14288E 95%);

 

HEX #14288E zu HEX #22148F


CSS-Code:

background-image: linear-gradient(135deg, #14288E 9%, #22148F 91%);

 

HEX #14288E zu HEX #22148F


CSS-Code:

background-image: radial-gradient(circle, #14288E 14%, #22148F 100%);

 

HEX #22148F zu HEX #20148E


CSS-Code:

background-image: linear-gradient(135deg, #22148F 13%, #20148E 86%);

 

HEX #22148F zu HEX #20148E


CSS-Code:

background-image: radial-gradient(circle, #22148F 10%, #20148E 98%);

 

HEX #20148E zu HEX #22148F


CSS-Code:

background-image: linear-gradient(135deg, #20148E 6%, #22148F 100%);

 

HEX #20148E zu HEX #22148F


CSS-Code:

background-image: radial-gradient(circle, #20148E 4%, #22148F 93%);

 

HEX #22148F zu HEX #41148E


CSS-Code:

background-image: linear-gradient(135deg, #22148F 2%, #41148E 86%);

 

HEX #22148F zu HEX #41148E


CSS-Code:

background-image: radial-gradient(circle, #22148F 10%, #41148E 97%);

 

HEX #41148E zu HEX #22148F


CSS-Code:

background-image: linear-gradient(135deg, #41148E 12%, #22148F 97%);

 

HEX #41148E zu HEX #22148F


CSS-Code:

background-image: radial-gradient(circle, #41148E 13%, #22148F 86%);

 

HEX #22148F zu HEX #61148E


CSS-Code:

background-image: linear-gradient(135deg, #22148F 14%, #61148E 89%);

 

HEX #22148F zu HEX #61148E


CSS-Code:

background-image: radial-gradient(circle, #22148F 14%, #61148E 92%);

 

HEX #61148E zu HEX #22148F


CSS-Code:

background-image: linear-gradient(135deg, #61148E 6%, #22148F 86%);

 

HEX #61148E zu HEX #22148F


CSS-Code:

background-image: radial-gradient(circle, #61148E 0%, #22148F 93%);

Linear

HEX #22148F zu HEX #190F6A


CSS-Code:

background-image: linear-gradient(135deg, #22148F 1%, #190F6A 91%);

Radial

HEX #22148F zu HEX #190F6A


CSS-Code:

background-image: radial-gradient(circle, #22148F 0%, #190F6A 99%);

 

HEX #190F6A zu HEX #22148F


CSS-Code:

background-image: linear-gradient(135deg, #190F6A 8%, #22148F 96%);

 

HEX #190F6A zu HEX #22148F


CSS-Code:

background-image: radial-gradient(circle, #190F6A 6%, #22148F 86%);

 

HEX #22148F zu HEX #22148E


CSS-Code:

background-image: linear-gradient(135deg, #22148F 5%, #22148E 92%);

 

HEX #22148F zu HEX #22148E


CSS-Code:

background-image: radial-gradient(circle, #22148F 4%, #22148E 99%);

 

HEX #22148E zu HEX #22148F


CSS-Code:

background-image: linear-gradient(135deg, #22148E 13%, #22148F 92%);

 

HEX #22148E zu HEX #22148F


CSS-Code:

background-image: radial-gradient(circle, #22148E 10%, #22148F 92%);

 

HEX #22148F zu HEX #2B19B2


CSS-Code:

background-image: linear-gradient(135deg, #22148F 1%, #2B19B2 88%);

 

HEX #22148F zu HEX #2B19B2


CSS-Code:

background-image: radial-gradient(circle, #22148F 12%, #2B19B2 95%);

 

HEX #2B19B2 zu HEX #22148F


CSS-Code:

background-image: linear-gradient(135deg, #2B19B2 13%, #22148F 98%);

 

HEX #2B19B2 zu HEX #22148F


CSS-Code:

background-image: radial-gradient(circle, #2B19B2 5%, #22148F 94%);

 

HEX #22148F zu HEX #331ED7


CSS-Code:

background-image: linear-gradient(135deg, #22148F 5%, #331ED7 94%);

 

HEX #22148F zu HEX #331ED7


CSS-Code:

background-image: radial-gradient(circle, #22148F 7%, #331ED7 99%);

 

HEX #331ED7 zu HEX #22148F


CSS-Code:

background-image: linear-gradient(135deg, #331ED7 3%, #22148F 96%);

 

HEX #331ED7 zu HEX #22148F


CSS-Code:

background-image: radial-gradient(circle, #331ED7 5%, #22148F 97%);

Linear

HEX #22148F zu HEX #14288E


CSS-Code:

background-image: linear-gradient(135deg, #22148F 0%, #14288E 94%);

Radial

HEX #22148F zu HEX #14288E


CSS-Code:

background-image: radial-gradient(circle, #22148F 6%, #14288E 89%);

 

HEX #14288E zu HEX #22148F


CSS-Code:

background-image: linear-gradient(135deg, #14288E 9%, #22148F 93%);

 

HEX #14288E zu HEX #22148F


CSS-Code:

background-image: radial-gradient(circle, #14288E 3%, #22148F 94%);

 

HEX #22148F zu HEX #20148E


CSS-Code:

background-image: linear-gradient(135deg, #22148F 7%, #20148E 95%);

 

HEX #22148F zu HEX #20148E


CSS-Code:

background-image: radial-gradient(circle, #22148F 9%, #20148E 100%);

 

HEX #20148E zu HEX #22148F


CSS-Code:

background-image: linear-gradient(135deg, #20148E 12%, #22148F 86%);

 

HEX #20148E zu HEX #22148F


CSS-Code:

background-image: radial-gradient(circle, #20148E 12%, #22148F 95%);

 

HEX #22148F zu HEX #41148E


CSS-Code:

background-image: linear-gradient(135deg, #22148F 0%, #41148E 94%);

 

HEX #22148F zu HEX #41148E


CSS-Code:

background-image: radial-gradient(circle, #22148F 14%, #41148E 93%);

 

HEX #41148E zu HEX #22148F


CSS-Code:

background-image: linear-gradient(135deg, #41148E 7%, #22148F 99%);

 

HEX #41148E zu HEX #22148F


CSS-Code:

background-image: radial-gradient(circle, #41148E 13%, #22148F 100%);

 

HEX #22148F zu HEX #61148E


CSS-Code:

background-image: linear-gradient(135deg, #22148F 3%, #61148E 92%);

 

HEX #22148F zu HEX #61148E


CSS-Code:

background-image: radial-gradient(circle, #22148F 3%, #61148E 97%);

 

HEX #61148E zu HEX #22148F


CSS-Code:

background-image: linear-gradient(135deg, #61148E 14%, #22148F 86%);

 

HEX #61148E zu HEX #22148F


CSS-Code:

background-image: radial-gradient(circle, #61148E 4%, #22148F 96%);

Linear

HEX #22148F zu HEX #190F6A


CSS-Code:

background-image: linear-gradient(135deg, #22148F 13%, #190F6A 97%);

Radial

HEX #22148F zu HEX #190F6A


CSS-Code:

background-image: radial-gradient(circle, #22148F 10%, #190F6A 91%);

 

HEX #190F6A zu HEX #22148F


CSS-Code:

background-image: linear-gradient(135deg, #190F6A 6%, #22148F 95%);

 

HEX #190F6A zu HEX #22148F


CSS-Code:

background-image: radial-gradient(circle, #190F6A 4%, #22148F 86%);

 

HEX #22148F zu HEX #22148E


CSS-Code:

background-image: linear-gradient(135deg, #22148F 8%, #22148E 93%);

 

HEX #22148F zu HEX #22148E


CSS-Code:

background-image: radial-gradient(circle, #22148F 6%, #22148E 91%);

 

HEX #22148E zu HEX #22148F


CSS-Code:

background-image: linear-gradient(135deg, #22148E 10%, #22148F 88%);

 

HEX #22148E zu HEX #22148F


CSS-Code:

background-image: radial-gradient(circle, #22148E 6%, #22148F 87%);

 

HEX #22148F zu HEX #2B19B2


CSS-Code:

background-image: linear-gradient(135deg, #22148F 12%, #2B19B2 91%);

 

HEX #22148F zu HEX #2B19B2


CSS-Code:

background-image: radial-gradient(circle, #22148F 10%, #2B19B2 99%);

 

HEX #2B19B2 zu HEX #22148F


CSS-Code:

background-image: linear-gradient(135deg, #2B19B2 3%, #22148F 93%);

 

HEX #2B19B2 zu HEX #22148F


CSS-Code:

background-image: radial-gradient(circle, #2B19B2 1%, #22148F 90%);

 

HEX #22148F zu HEX #331ED7


CSS-Code:

background-image: linear-gradient(135deg, #22148F 9%, #331ED7 95%);

 

HEX #22148F zu HEX #331ED7


CSS-Code:

background-image: radial-gradient(circle, #22148F 2%, #331ED7 98%);

 

HEX #331ED7 zu HEX #22148F


CSS-Code:

background-image: linear-gradient(135deg, #331ED7 6%, #22148F 93%);

 

HEX #331ED7 zu HEX #22148F


CSS-Code:

background-image: radial-gradient(circle, #331ED7 9%, #22148F 95%);

Linear

HEX #22148F zu HEX #8E146A


CSS-Code:

background-image: linear-gradient(135deg, #22148F 10%, #8E146A 92%);

Radial

HEX #22148F zu HEX #8E146A


CSS-Code:

background-image: radial-gradient(circle, #22148F 8%, #8E146A 96%);

 

HEX #8E146A zu HEX #22148F


CSS-Code:

background-image: linear-gradient(135deg, #8E146A 6%, #22148F 90%);

 

HEX #8E146A zu HEX #22148F


CSS-Code:

background-image: radial-gradient(circle, #8E146A 13%, #22148F 97%);

 

HEX #22148F zu HEX #398E14


CSS-Code:

background-image: linear-gradient(135deg, #22148F 9%, #398E14 97%);

 

HEX #22148F zu HEX #398E14


CSS-Code:

background-image: radial-gradient(circle, #22148F 12%, #398E14 88%);

 

HEX #398E14 zu HEX #22148F


CSS-Code:

background-image: linear-gradient(135deg, #398E14 3%, #22148F 100%);

 

HEX #398E14 zu HEX #22148F


CSS-Code:

background-image: radial-gradient(circle, #398E14 9%, #22148F 91%);

Linear

HEX #22148F zu HEX #8E2014


CSS-Code:

background-image: linear-gradient(135deg, #22148F 2%, #8E2014 86%);

Radial

HEX #22148F zu HEX #8E2014


CSS-Code:

background-image: radial-gradient(circle, #22148F 5%, #8E2014 90%);

 

HEX #8E2014 zu HEX #22148F


CSS-Code:

background-image: linear-gradient(135deg, #8E2014 5%, #22148F 92%);

 

HEX #8E2014 zu HEX #22148F


CSS-Code:

background-image: radial-gradient(circle, #8E2014 6%, #22148F 95%);

 

HEX #22148F zu HEX #148E20


CSS-Code:

background-image: linear-gradient(135deg, #22148F 1%, #148E20 95%);

 

HEX #22148F zu HEX #148E20


CSS-Code:

background-image: radial-gradient(circle, #22148F 0%, #148E20 100%);

 

HEX #148E20 zu HEX #22148F


CSS-Code:

background-image: linear-gradient(135deg, #148E20 0%, #22148F 86%);

 

HEX #148E20 zu HEX #22148F


CSS-Code:

background-image: radial-gradient(circle, #148E20 14%, #22148F 95%);

Linear

HEX #22148F zu HEX #8E146A


CSS-Code:

background-image: linear-gradient(135deg, #22148F 5%, #8E146A 94%);

Radial

HEX #22148F zu HEX #8E146A


CSS-Code:

background-image: radial-gradient(circle, #22148F 6%, #8E146A 90%);

 

HEX #8E146A zu HEX #22148F


CSS-Code:

background-image: linear-gradient(135deg, #8E146A 6%, #22148F 97%);

 

HEX #8E146A zu HEX #22148F


CSS-Code:

background-image: radial-gradient(circle, #8E146A 4%, #22148F 93%);

 

HEX #22148F zu HEX #828E14


CSS-Code:

background-image: linear-gradient(135deg, #22148F 5%, #828E14 100%);

 

HEX #22148F zu HEX #828E14


CSS-Code:

background-image: radial-gradient(circle, #22148F 13%, #828E14 92%);

 

HEX #828E14 zu HEX #22148F


CSS-Code:

background-image: linear-gradient(135deg, #828E14 14%, #22148F 95%);

 

HEX #828E14 zu HEX #22148F


CSS-Code:

background-image: radial-gradient(circle, #828E14 12%, #22148F 99%);

 

HEX #22148F zu HEX #148E39


CSS-Code:

background-image: linear-gradient(135deg, #22148F 11%, #148E39 86%);

 

HEX #22148F zu HEX #148E39


CSS-Code:

background-image: radial-gradient(circle, #22148F 13%, #148E39 90%);

 

HEX #148E39 zu HEX #22148F


CSS-Code:

background-image: linear-gradient(135deg, #148E39 12%, #22148F 92%);

 

HEX #148E39 zu HEX #22148F


CSS-Code:

background-image: radial-gradient(circle, #148E39 8%, #22148F 92%);

Linear

HEX #22148F zu HEX #8E1445


CSS-Code:

background-image: linear-gradient(135deg, #22148F 14%, #8E1445 87%);

Radial

HEX #22148F zu HEX #8E1445


CSS-Code:

background-image: radial-gradient(circle, #22148F 3%, #8E1445 94%);

 

HEX #8E1445 zu HEX #22148F


CSS-Code:

background-image: linear-gradient(135deg, #8E1445 0%, #22148F 97%);

 

HEX #8E1445 zu HEX #22148F


CSS-Code:

background-image: radial-gradient(circle, #8E1445 5%, #22148F 98%);

 

HEX #22148F zu HEX #828E14


CSS-Code:

background-image: linear-gradient(135deg, #22148F 7%, #828E14 99%);

 

HEX #22148F zu HEX #828E14


CSS-Code:

background-image: radial-gradient(circle, #22148F 9%, #828E14 96%);

 

HEX #828E14 zu HEX #22148F


CSS-Code:

background-image: linear-gradient(135deg, #828E14 11%, #22148F 87%);

 

HEX #828E14 zu HEX #22148F


CSS-Code:

background-image: radial-gradient(circle, #828E14 5%, #22148F 90%);

 

HEX #22148F zu HEX #148E5D


CSS-Code:

background-image: linear-gradient(135deg, #22148F 9%, #148E5D 94%);

 

HEX #22148F zu HEX #148E5D


CSS-Code:

background-image: radial-gradient(circle, #22148F 0%, #148E5D 96%);

 

HEX #148E5D zu HEX #22148F


CSS-Code:

background-image: linear-gradient(135deg, #148E5D 12%, #22148F 90%);

 

HEX #148E5D zu HEX #22148F


CSS-Code:

background-image: radial-gradient(circle, #148E5D 6%, #22148F 89%);

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.

Register now with your team in our color manager.

Manage color palettes and share them with others.
Create a free account now.

Let's go
Color manager and what it looks like. Let's go.