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

✕

CSS Gradienten:
#E04338

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

Bei dieser Farbe hebt sich Rot von den anderen Farben ab. Der Wert der für den roten Farbton steht, ist größer als die anderen beiden Werte. Er hebt sich weit ab vom Wert für den grünen und blauen Farbton. 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 224 Rot, 67 Grün und 56 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.
224 67 56 R G B
Im CMYK-Farbsystem wird die Farbe folgendermaßen zusammengesetzt: In diesem Farbton sind von 100 maximalen Farbanteilen jeweils keine Cyan, 70 Magenta, 75 Gelb und 12 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% 70% 75% 12% C M Y K

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #E04338 zu HEX #1FBCC7


CSS-Code:

background-image: linear-gradient(135deg, #E04338 11%, #1FBCC7 94%);

Radial

HEX #E04338 zu HEX #1FBCC7


CSS-Code:

background-image: radial-gradient(circle, #E04338 5%, #1FBCC7 95%);

 

HEX #1FBCC7 zu HEX #E04338


CSS-Code:

background-image: linear-gradient(135deg, #1FBCC7 12%, #E04338 96%);

 

HEX #1FBCC7 zu HEX #E04338


CSS-Code:

background-image: radial-gradient(circle, #1FBCC7 10%, #E04338 93%);

Linear

HEX #E04338 zu HEX #E0385C


CSS-Code:

background-image: linear-gradient(135deg, #E04338 2%, #E0385C 90%);

Radial

HEX #E04338 zu HEX #E0385C


CSS-Code:

background-image: radial-gradient(circle, #E04338 5%, #E0385C 88%);

 

HEX #E0385C zu HEX #E04338


CSS-Code:

background-image: linear-gradient(135deg, #E0385C 14%, #E04338 99%);

 

HEX #E0385C zu HEX #E04338


CSS-Code:

background-image: radial-gradient(circle, #E0385C 8%, #E04338 88%);

 

HEX #E04338 zu HEX #E04038


CSS-Code:

background-image: linear-gradient(135deg, #E04338 5%, #E04038 94%);

 

HEX #E04338 zu HEX #E04038


CSS-Code:

background-image: radial-gradient(circle, #E04338 6%, #E04038 92%);

 

HEX #E04038 zu HEX #E04338


CSS-Code:

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

 

HEX #E04038 zu HEX #E04338


CSS-Code:

background-image: radial-gradient(circle, #E04038 0%, #E04338 91%);

 

HEX #E04338 zu HEX #E06D38


CSS-Code:

background-image: linear-gradient(135deg, #E04338 1%, #E06D38 95%);

 

HEX #E04338 zu HEX #E06D38


CSS-Code:

background-image: radial-gradient(circle, #E04338 4%, #E06D38 97%);

 

HEX #E06D38 zu HEX #E04338


CSS-Code:

background-image: linear-gradient(135deg, #E06D38 10%, #E04338 89%);

 

HEX #E06D38 zu HEX #E04338


CSS-Code:

background-image: radial-gradient(circle, #E06D38 0%, #E04338 89%);

 

HEX #E04338 zu HEX #E09A38


CSS-Code:

background-image: linear-gradient(135deg, #E04338 5%, #E09A38 96%);

 

HEX #E04338 zu HEX #E09A38


CSS-Code:

background-image: radial-gradient(circle, #E04338 13%, #E09A38 88%);

 

HEX #E09A38 zu HEX #E04338


CSS-Code:

background-image: linear-gradient(135deg, #E09A38 2%, #E04338 94%);

 

HEX #E09A38 zu HEX #E04338


CSS-Code:

background-image: radial-gradient(circle, #E09A38 5%, #E04338 96%);

Linear

HEX #E04338 zu HEX #CE2B20


CSS-Code:

background-image: linear-gradient(135deg, #E04338 2%, #CE2B20 100%);

Radial

HEX #E04338 zu HEX #CE2B20


CSS-Code:

background-image: radial-gradient(circle, #E04338 11%, #CE2B20 97%);

 

HEX #CE2B20 zu HEX #E04338


CSS-Code:

background-image: linear-gradient(135deg, #CE2B20 8%, #E04338 95%);

 

HEX #CE2B20 zu HEX #E04338


CSS-Code:

background-image: radial-gradient(circle, #CE2B20 10%, #E04338 92%);

 

HEX #E04338 zu HEX #E5655C


CSS-Code:

background-image: linear-gradient(135deg, #E04338 0%, #E5655C 92%);

 

HEX #E04338 zu HEX #E5655C


CSS-Code:

background-image: radial-gradient(circle, #E04338 8%, #E5655C 86%);

 

HEX #E5655C zu HEX #E04338


CSS-Code:

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

 

HEX #E5655C zu HEX #E04338


CSS-Code:

background-image: radial-gradient(circle, #E5655C 8%, #E04338 91%);

 

HEX #E04338 zu HEX #EB867F


CSS-Code:

background-image: linear-gradient(135deg, #E04338 11%, #EB867F 90%);

 

HEX #E04338 zu HEX #EB867F


CSS-Code:

background-image: radial-gradient(circle, #E04338 9%, #EB867F 97%);

 

HEX #EB867F zu HEX #E04338


CSS-Code:

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

 

HEX #EB867F zu HEX #E04338


CSS-Code:

background-image: radial-gradient(circle, #EB867F 5%, #E04338 92%);

Linear

HEX #E04338 zu HEX #E0385C


CSS-Code:

background-image: linear-gradient(135deg, #E04338 3%, #E0385C 89%);

Radial

HEX #E04338 zu HEX #E0385C


CSS-Code:

background-image: radial-gradient(circle, #E04338 7%, #E0385C 99%);

 

HEX #E0385C zu HEX #E04338


CSS-Code:

background-image: linear-gradient(135deg, #E0385C 11%, #E04338 96%);

 

HEX #E0385C zu HEX #E04338


CSS-Code:

background-image: radial-gradient(circle, #E0385C 8%, #E04338 88%);

 

HEX #E04338 zu HEX #E04038


CSS-Code:

background-image: linear-gradient(135deg, #E04338 1%, #E04038 90%);

 

HEX #E04338 zu HEX #E04038


CSS-Code:

background-image: radial-gradient(circle, #E04338 1%, #E04038 93%);

 

HEX #E04038 zu HEX #E04338


CSS-Code:

background-image: linear-gradient(135deg, #E04038 12%, #E04338 93%);

 

HEX #E04038 zu HEX #E04338


CSS-Code:

background-image: radial-gradient(circle, #E04038 1%, #E04338 99%);

 

HEX #E04338 zu HEX #E06D38


CSS-Code:

background-image: linear-gradient(135deg, #E04338 13%, #E06D38 97%);

 

HEX #E04338 zu HEX #E06D38


CSS-Code:

background-image: radial-gradient(circle, #E04338 8%, #E06D38 100%);

 

HEX #E06D38 zu HEX #E04338


CSS-Code:

background-image: linear-gradient(135deg, #E06D38 10%, #E04338 95%);

 

HEX #E06D38 zu HEX #E04338


CSS-Code:

background-image: radial-gradient(circle, #E06D38 3%, #E04338 88%);

 

HEX #E04338 zu HEX #E09A38


CSS-Code:

background-image: linear-gradient(135deg, #E04338 0%, #E09A38 99%);

 

HEX #E04338 zu HEX #E09A38


CSS-Code:

background-image: radial-gradient(circle, #E04338 7%, #E09A38 95%);

 

HEX #E09A38 zu HEX #E04338


CSS-Code:

background-image: linear-gradient(135deg, #E09A38 5%, #E04338 100%);

 

HEX #E09A38 zu HEX #E04338


CSS-Code:

background-image: radial-gradient(circle, #E09A38 9%, #E04338 86%);

Linear

HEX #E04338 zu HEX #CE2B20


CSS-Code:

background-image: linear-gradient(135deg, #E04338 7%, #CE2B20 96%);

Radial

HEX #E04338 zu HEX #CE2B20


CSS-Code:

background-image: radial-gradient(circle, #E04338 5%, #CE2B20 99%);

 

HEX #CE2B20 zu HEX #E04338


CSS-Code:

background-image: linear-gradient(135deg, #CE2B20 6%, #E04338 98%);

 

HEX #CE2B20 zu HEX #E04338


CSS-Code:

background-image: radial-gradient(circle, #CE2B20 1%, #E04338 89%);

 

HEX #E04338 zu HEX #E5655C


CSS-Code:

background-image: linear-gradient(135deg, #E04338 7%, #E5655C 87%);

 

HEX #E04338 zu HEX #E5655C


CSS-Code:

background-image: radial-gradient(circle, #E04338 6%, #E5655C 88%);

 

HEX #E5655C zu HEX #E04338


CSS-Code:

background-image: linear-gradient(135deg, #E5655C 3%, #E04338 92%);

 

HEX #E5655C zu HEX #E04338


CSS-Code:

background-image: radial-gradient(circle, #E5655C 6%, #E04338 89%);

 

HEX #E04338 zu HEX #EB867F


CSS-Code:

background-image: linear-gradient(135deg, #E04338 9%, #EB867F 99%);

 

HEX #E04338 zu HEX #EB867F


CSS-Code:

background-image: radial-gradient(circle, #E04338 14%, #EB867F 94%);

 

HEX #EB867F zu HEX #E04338


CSS-Code:

background-image: linear-gradient(135deg, #EB867F 5%, #E04338 96%);

 

HEX #EB867F zu HEX #E04338


CSS-Code:

background-image: radial-gradient(circle, #EB867F 0%, #E04338 86%);

Linear

HEX #E04338 zu HEX #B6E038


CSS-Code:

background-image: linear-gradient(135deg, #E04338 11%, #B6E038 99%);

Radial

HEX #E04338 zu HEX #B6E038


CSS-Code:

background-image: radial-gradient(circle, #E04338 12%, #B6E038 98%);

 

HEX #B6E038 zu HEX #E04338


CSS-Code:

background-image: linear-gradient(135deg, #B6E038 3%, #E04338 91%);

 

HEX #B6E038 zu HEX #E04338


CSS-Code:

background-image: radial-gradient(circle, #B6E038 13%, #E04338 100%);

 

HEX #E04338 zu HEX #3873E0


CSS-Code:

background-image: linear-gradient(135deg, #E04338 3%, #3873E0 99%);

 

HEX #E04338 zu HEX #3873E0


CSS-Code:

background-image: radial-gradient(circle, #E04338 11%, #3873E0 91%);

 

HEX #3873E0 zu HEX #E04338


CSS-Code:

background-image: linear-gradient(135deg, #3873E0 10%, #E04338 96%);

 

HEX #3873E0 zu HEX #E04338


CSS-Code:

background-image: radial-gradient(circle, #3873E0 6%, #E04338 100%);

Linear

HEX #E04338 zu HEX #38E040


CSS-Code:

background-image: linear-gradient(135deg, #E04338 11%, #38E040 90%);

Radial

HEX #E04338 zu HEX #38E040


CSS-Code:

background-image: radial-gradient(circle, #E04338 1%, #38E040 94%);

 

HEX #38E040 zu HEX #E04338


CSS-Code:

background-image: linear-gradient(135deg, #38E040 14%, #E04338 94%);

 

HEX #38E040 zu HEX #E04338


CSS-Code:

background-image: radial-gradient(circle, #38E040 11%, #E04338 93%);

 

HEX #E04338 zu HEX #4038E0


CSS-Code:

background-image: linear-gradient(135deg, #E04338 0%, #4038E0 96%);

 

HEX #E04338 zu HEX #4038E0


CSS-Code:

background-image: radial-gradient(circle, #E04338 5%, #4038E0 100%);

 

HEX #4038E0 zu HEX #E04338


CSS-Code:

background-image: linear-gradient(135deg, #4038E0 8%, #E04338 95%);

 

HEX #4038E0 zu HEX #E04338


CSS-Code:

background-image: radial-gradient(circle, #4038E0 12%, #E04338 95%);

Linear

HEX #E04338 zu HEX #B6E038


CSS-Code:

background-image: linear-gradient(135deg, #E04338 3%, #B6E038 86%);

Radial

HEX #E04338 zu HEX #B6E038


CSS-Code:

background-image: radial-gradient(circle, #E04338 1%, #B6E038 86%);

 

HEX #B6E038 zu HEX #E04338


CSS-Code:

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

 

HEX #B6E038 zu HEX #E04338


CSS-Code:

background-image: radial-gradient(circle, #B6E038 2%, #E04338 91%);

 

HEX #E04338 zu HEX #38D7E0


CSS-Code:

background-image: linear-gradient(135deg, #E04338 0%, #38D7E0 90%);

 

HEX #E04338 zu HEX #38D7E0


CSS-Code:

background-image: radial-gradient(circle, #E04338 5%, #38D7E0 94%);

 

HEX #38D7E0 zu HEX #E04338


CSS-Code:

background-image: linear-gradient(135deg, #38D7E0 6%, #E04338 91%);

 

HEX #38D7E0 zu HEX #E04338


CSS-Code:

background-image: radial-gradient(circle, #38D7E0 1%, #E04338 89%);

 

HEX #E04338 zu HEX #6238E0


CSS-Code:

background-image: linear-gradient(135deg, #E04338 13%, #6238E0 92%);

 

HEX #E04338 zu HEX #6238E0


CSS-Code:

background-image: radial-gradient(circle, #E04338 7%, #6238E0 91%);

 

HEX #6238E0 zu HEX #E04338


CSS-Code:

background-image: linear-gradient(135deg, #6238E0 12%, #E04338 97%);

 

HEX #6238E0 zu HEX #E04338


CSS-Code:

background-image: radial-gradient(circle, #6238E0 4%, #E04338 95%);

Linear

HEX #E04338 zu HEX #83E038


CSS-Code:

background-image: linear-gradient(135deg, #E04338 7%, #83E038 95%);

Radial

HEX #E04338 zu HEX #83E038


CSS-Code:

background-image: radial-gradient(circle, #E04338 11%, #83E038 92%);

 

HEX #83E038 zu HEX #E04338


CSS-Code:

background-image: linear-gradient(135deg, #83E038 12%, #E04338 91%);

 

HEX #83E038 zu HEX #E04338


CSS-Code:

background-image: radial-gradient(circle, #83E038 12%, #E04338 93%);

 

HEX #E04338 zu HEX #38D7E0


CSS-Code:

background-image: linear-gradient(135deg, #E04338 9%, #38D7E0 97%);

 

HEX #E04338 zu HEX #38D7E0


CSS-Code:

background-image: radial-gradient(circle, #E04338 9%, #38D7E0 88%);

 

HEX #38D7E0 zu HEX #E04338


CSS-Code:

background-image: linear-gradient(135deg, #38D7E0 13%, #E04338 99%);

 

HEX #38D7E0 zu HEX #E04338


CSS-Code:

background-image: radial-gradient(circle, #38D7E0 2%, #E04338 95%);

 

HEX #E04338 zu HEX #9438E0


CSS-Code:

background-image: linear-gradient(135deg, #E04338 9%, #9438E0 95%);

 

HEX #E04338 zu HEX #9438E0


CSS-Code:

background-image: radial-gradient(circle, #E04338 11%, #9438E0 98%);

 

HEX #9438E0 zu HEX #E04338


CSS-Code:

background-image: linear-gradient(135deg, #9438E0 4%, #E04338 92%);

 

HEX #9438E0 zu HEX #E04338


CSS-Code:

background-image: radial-gradient(circle, #9438E0 2%, #E04338 99%);

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