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

✕

CSS Gradienten:
#4E0367

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

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #4E0367 zu HEX #B1FC98


CSS-Code:

background-image: linear-gradient(135deg, #4E0367 11%, #B1FC98 96%);

Radial

HEX #4E0367 zu HEX #B1FC98


CSS-Code:

background-image: radial-gradient(circle, #4E0367 9%, #B1FC98 100%);

 

HEX #B1FC98 zu HEX #4E0367


CSS-Code:

background-image: linear-gradient(135deg, #B1FC98 8%, #4E0367 91%);

 

HEX #B1FC98 zu HEX #4E0367


CSS-Code:

background-image: radial-gradient(circle, #B1FC98 2%, #4E0367 88%);

Linear

HEX #4E0367 zu HEX #330367


CSS-Code:

background-image: linear-gradient(135deg, #4E0367 11%, #330367 95%);

Radial

HEX #4E0367 zu HEX #330367


CSS-Code:

background-image: radial-gradient(circle, #4E0367 7%, #330367 93%);

 

HEX #330367 zu HEX #4E0367


CSS-Code:

background-image: linear-gradient(135deg, #330367 11%, #4E0367 96%);

 

HEX #330367 zu HEX #4E0367


CSS-Code:

background-image: radial-gradient(circle, #330367 11%, #4E0367 86%);

 

HEX #4E0367 zu HEX #670366


CSS-Code:

background-image: linear-gradient(135deg, #4E0367 5%, #670366 89%);

 

HEX #4E0367 zu HEX #670366


CSS-Code:

background-image: radial-gradient(circle, #4E0367 7%, #670366 87%);

 

HEX #670366 zu HEX #4E0367


CSS-Code:

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

 

HEX #670366 zu HEX #4E0367


CSS-Code:

background-image: radial-gradient(circle, #670366 3%, #4E0367 98%);

 

HEX #4E0367 zu HEX #67034B


CSS-Code:

background-image: linear-gradient(135deg, #4E0367 13%, #67034B 86%);

 

HEX #4E0367 zu HEX #67034B


CSS-Code:

background-image: radial-gradient(circle, #4E0367 7%, #67034B 96%);

 

HEX #67034B zu HEX #4E0367


CSS-Code:

background-image: linear-gradient(135deg, #67034B 6%, #4E0367 100%);

 

HEX #67034B zu HEX #4E0367


CSS-Code:

background-image: radial-gradient(circle, #67034B 6%, #4E0367 89%);

Linear

HEX #4E0367 zu HEX #30013F


CSS-Code:

background-image: linear-gradient(135deg, #4E0367 13%, #30013F 93%);

Radial

HEX #4E0367 zu HEX #30013F


CSS-Code:

background-image: radial-gradient(circle, #4E0367 8%, #30013F 88%);

 

HEX #30013F zu HEX #4E0367


CSS-Code:

background-image: linear-gradient(135deg, #30013F 4%, #4E0367 90%);

 

HEX #30013F zu HEX #4E0367


CSS-Code:

background-image: radial-gradient(circle, #30013F 14%, #4E0367 96%);

 

HEX #4E0367 zu HEX #6D048F


CSS-Code:

background-image: linear-gradient(135deg, #4E0367 5%, #6D048F 98%);

 

HEX #4E0367 zu HEX #6D048F


CSS-Code:

background-image: radial-gradient(circle, #4E0367 0%, #6D048F 95%);

 

HEX #6D048F zu HEX #4E0367


CSS-Code:

background-image: linear-gradient(135deg, #6D048F 0%, #4E0367 89%);

 

HEX #6D048F zu HEX #4E0367


CSS-Code:

background-image: radial-gradient(circle, #6D048F 4%, #4E0367 91%);

 

HEX #4E0367 zu HEX #8B05B7


CSS-Code:

background-image: linear-gradient(135deg, #4E0367 11%, #8B05B7 99%);

 

HEX #4E0367 zu HEX #8B05B7


CSS-Code:

background-image: radial-gradient(circle, #4E0367 8%, #8B05B7 89%);

 

HEX #8B05B7 zu HEX #4E0367


CSS-Code:

background-image: linear-gradient(135deg, #8B05B7 3%, #4E0367 94%);

 

HEX #8B05B7 zu HEX #4E0367


CSS-Code:

background-image: radial-gradient(circle, #8B05B7 13%, #4E0367 88%);

Linear

HEX #4E0367 zu HEX #330367


CSS-Code:

background-image: linear-gradient(135deg, #4E0367 2%, #330367 95%);

Radial

HEX #4E0367 zu HEX #330367


CSS-Code:

background-image: radial-gradient(circle, #4E0367 7%, #330367 94%);

 

HEX #330367 zu HEX #4E0367


CSS-Code:

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

 

HEX #330367 zu HEX #4E0367


CSS-Code:

background-image: radial-gradient(circle, #330367 12%, #4E0367 88%);

 

HEX #4E0367 zu HEX #670366


CSS-Code:

background-image: linear-gradient(135deg, #4E0367 11%, #670366 93%);

 

HEX #4E0367 zu HEX #670366


CSS-Code:

background-image: radial-gradient(circle, #4E0367 3%, #670366 91%);

 

HEX #670366 zu HEX #4E0367


CSS-Code:

background-image: linear-gradient(135deg, #670366 7%, #4E0367 92%);

 

HEX #670366 zu HEX #4E0367


CSS-Code:

background-image: radial-gradient(circle, #670366 5%, #4E0367 89%);

 

HEX #4E0367 zu HEX #67034B


CSS-Code:

background-image: linear-gradient(135deg, #4E0367 4%, #67034B 94%);

 

HEX #4E0367 zu HEX #67034B


CSS-Code:

background-image: radial-gradient(circle, #4E0367 8%, #67034B 100%);

 

HEX #67034B zu HEX #4E0367


CSS-Code:

background-image: linear-gradient(135deg, #67034B 10%, #4E0367 90%);

 

HEX #67034B zu HEX #4E0367


CSS-Code:

background-image: radial-gradient(circle, #67034B 2%, #4E0367 94%);

Linear

HEX #4E0367 zu HEX #30013F


CSS-Code:

background-image: linear-gradient(135deg, #4E0367 8%, #30013F 90%);

Radial

HEX #4E0367 zu HEX #30013F


CSS-Code:

background-image: radial-gradient(circle, #4E0367 2%, #30013F 98%);

 

HEX #30013F zu HEX #4E0367


CSS-Code:

background-image: linear-gradient(135deg, #30013F 4%, #4E0367 98%);

 

HEX #30013F zu HEX #4E0367


CSS-Code:

background-image: radial-gradient(circle, #30013F 11%, #4E0367 87%);

 

HEX #4E0367 zu HEX #6D048F


CSS-Code:

background-image: linear-gradient(135deg, #4E0367 4%, #6D048F 96%);

 

HEX #4E0367 zu HEX #6D048F


CSS-Code:

background-image: radial-gradient(circle, #4E0367 5%, #6D048F 100%);

 

HEX #6D048F zu HEX #4E0367


CSS-Code:

background-image: linear-gradient(135deg, #6D048F 12%, #4E0367 95%);

 

HEX #6D048F zu HEX #4E0367


CSS-Code:

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

 

HEX #4E0367 zu HEX #8B05B7


CSS-Code:

background-image: linear-gradient(135deg, #4E0367 4%, #8B05B7 91%);

 

HEX #4E0367 zu HEX #8B05B7


CSS-Code:

background-image: radial-gradient(circle, #4E0367 9%, #8B05B7 97%);

 

HEX #8B05B7 zu HEX #4E0367


CSS-Code:

background-image: linear-gradient(135deg, #8B05B7 10%, #4E0367 95%);

 

HEX #8B05B7 zu HEX #4E0367


CSS-Code:

background-image: radial-gradient(circle, #8B05B7 3%, #4E0367 90%);

Linear

HEX #4E0367 zu HEX #670308


CSS-Code:

background-image: linear-gradient(135deg, #4E0367 10%, #670308 87%);

Radial

HEX #4E0367 zu HEX #670308


CSS-Code:

background-image: radial-gradient(circle, #4E0367 14%, #670308 93%);

 

HEX #670308 zu HEX #4E0367


CSS-Code:

background-image: linear-gradient(135deg, #670308 14%, #4E0367 86%);

 

HEX #670308 zu HEX #4E0367


CSS-Code:

background-image: radial-gradient(circle, #670308 9%, #4E0367 88%);

 

HEX #4E0367 zu HEX #036726


CSS-Code:

background-image: linear-gradient(135deg, #4E0367 1%, #036726 86%);

 

HEX #4E0367 zu HEX #036726


CSS-Code:

background-image: radial-gradient(circle, #4E0367 8%, #036726 94%);

 

HEX #036726 zu HEX #4E0367


CSS-Code:

background-image: linear-gradient(135deg, #036726 8%, #4E0367 92%);

 

HEX #036726 zu HEX #4E0367


CSS-Code:

background-image: radial-gradient(circle, #036726 9%, #4E0367 98%);

Linear

HEX #4E0367 zu HEX #674E03


CSS-Code:

background-image: linear-gradient(135deg, #4E0367 10%, #674E03 87%);

Radial

HEX #4E0367 zu HEX #674E03


CSS-Code:

background-image: radial-gradient(circle, #4E0367 5%, #674E03 95%);

 

HEX #674E03 zu HEX #4E0367


CSS-Code:

background-image: linear-gradient(135deg, #674E03 1%, #4E0367 96%);

 

HEX #674E03 zu HEX #4E0367


CSS-Code:

background-image: radial-gradient(circle, #674E03 2%, #4E0367 100%);

 

HEX #4E0367 zu HEX #03674E


CSS-Code:

background-image: linear-gradient(135deg, #4E0367 3%, #03674E 99%);

 

HEX #4E0367 zu HEX #03674E


CSS-Code:

background-image: radial-gradient(circle, #4E0367 1%, #03674E 87%);

 

HEX #03674E zu HEX #4E0367


CSS-Code:

background-image: linear-gradient(135deg, #03674E 1%, #4E0367 96%);

 

HEX #03674E zu HEX #4E0367


CSS-Code:

background-image: radial-gradient(circle, #03674E 13%, #4E0367 100%);

Linear

HEX #4E0367 zu HEX #670308


CSS-Code:

background-image: linear-gradient(135deg, #4E0367 14%, #670308 98%);

Radial

HEX #4E0367 zu HEX #670308


CSS-Code:

background-image: radial-gradient(circle, #4E0367 8%, #670308 99%);

 

HEX #670308 zu HEX #4E0367


CSS-Code:

background-image: linear-gradient(135deg, #670308 14%, #4E0367 90%);

 

HEX #670308 zu HEX #4E0367


CSS-Code:

background-image: radial-gradient(circle, #670308 1%, #4E0367 91%);

 

HEX #4E0367 zu HEX #1C6703


CSS-Code:

background-image: linear-gradient(135deg, #4E0367 3%, #1C6703 92%);

 

HEX #4E0367 zu HEX #1C6703


CSS-Code:

background-image: radial-gradient(circle, #4E0367 8%, #1C6703 99%);

 

HEX #1C6703 zu HEX #4E0367


CSS-Code:

background-image: linear-gradient(135deg, #1C6703 0%, #4E0367 97%);

 

HEX #1C6703 zu HEX #4E0367


CSS-Code:

background-image: radial-gradient(circle, #1C6703 11%, #4E0367 86%);

 

HEX #4E0367 zu HEX #036762


CSS-Code:

background-image: linear-gradient(135deg, #4E0367 1%, #036762 90%);

 

HEX #4E0367 zu HEX #036762


CSS-Code:

background-image: radial-gradient(circle, #4E0367 13%, #036762 86%);

 

HEX #036762 zu HEX #4E0367


CSS-Code:

background-image: linear-gradient(135deg, #036762 5%, #4E0367 93%);

 

HEX #036762 zu HEX #4E0367


CSS-Code:

background-image: radial-gradient(circle, #036762 12%, #4E0367 99%);

Linear

HEX #4E0367 zu HEX #671C03


CSS-Code:

background-image: linear-gradient(135deg, #4E0367 6%, #671C03 97%);

Radial

HEX #4E0367 zu HEX #671C03


CSS-Code:

background-image: radial-gradient(circle, #4E0367 5%, #671C03 93%);

 

HEX #671C03 zu HEX #4E0367


CSS-Code:

background-image: linear-gradient(135deg, #671C03 8%, #4E0367 91%);

 

HEX #671C03 zu HEX #4E0367


CSS-Code:

background-image: radial-gradient(circle, #671C03 12%, #4E0367 99%);

 

HEX #4E0367 zu HEX #1C6703


CSS-Code:

background-image: linear-gradient(135deg, #4E0367 6%, #1C6703 96%);

 

HEX #4E0367 zu HEX #1C6703


CSS-Code:

background-image: radial-gradient(circle, #4E0367 14%, #1C6703 89%);

 

HEX #1C6703 zu HEX #4E0367


CSS-Code:

background-image: linear-gradient(135deg, #1C6703 1%, #4E0367 87%);

 

HEX #1C6703 zu HEX #4E0367


CSS-Code:

background-image: radial-gradient(circle, #1C6703 7%, #4E0367 90%);

 

HEX #4E0367 zu HEX #034E67


CSS-Code:

background-image: linear-gradient(135deg, #4E0367 5%, #034E67 96%);

 

HEX #4E0367 zu HEX #034E67


CSS-Code:

background-image: radial-gradient(circle, #4E0367 1%, #034E67 100%);

 

HEX #034E67 zu HEX #4E0367


CSS-Code:

background-image: linear-gradient(135deg, #034E67 12%, #4E0367 96%);

 

HEX #034E67 zu HEX #4E0367


CSS-Code:

background-image: radial-gradient(circle, #034E67 6%, #4E0367 87%);

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
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 RGBA

umrechnen von CMYK cyan / magenta / gelb / key zu RGBA rot grün blau transparenz
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 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
nsc-logo

NCS® in RGB

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

NCS® in RGBA

umrechnen von NCS-Nummer (S0000-X00X) zu RGBA rot grün blau transparenz
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)

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 in cooperation ND-DESIGN.WORKS & frag-bobby.de