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

✕

CSS Gradienten:
#9342BC

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 hoch sind, erscheint uns dieser Farbton heller.

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

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #9342BC zu HEX #6CBD43


CSS-Code:

background-image: linear-gradient(135deg, #9342BC 12%, #6CBD43 88%);

Radial

HEX #9342BC zu HEX #6CBD43


CSS-Code:

background-image: radial-gradient(circle, #9342BC 11%, #6CBD43 88%);

 

HEX #6CBD43 zu HEX #9342BC


CSS-Code:

background-image: linear-gradient(135deg, #6CBD43 2%, #9342BC 87%);

 

HEX #6CBD43 zu HEX #9342BC


CSS-Code:

background-image: radial-gradient(circle, #6CBD43 11%, #9342BC 89%);

Linear

HEX #9342BC zu HEX #7142BC


CSS-Code:

background-image: linear-gradient(135deg, #9342BC 10%, #7142BC 99%);

Radial

HEX #9342BC zu HEX #7142BC


CSS-Code:

background-image: radial-gradient(circle, #9342BC 13%, #7142BC 88%);

 

HEX #7142BC zu HEX #9342BC


CSS-Code:

background-image: linear-gradient(135deg, #7142BC 12%, #9342BC 90%);

 

HEX #7142BC zu HEX #9342BC


CSS-Code:

background-image: radial-gradient(circle, #7142BC 12%, #9342BC 87%);

 

HEX #9342BC zu HEX #9142BC


CSS-Code:

background-image: linear-gradient(135deg, #9342BC 13%, #9142BC 99%);

 

HEX #9342BC zu HEX #9142BC


CSS-Code:

background-image: radial-gradient(circle, #9342BC 1%, #9142BC 87%);

 

HEX #9142BC zu HEX #9342BC


CSS-Code:

background-image: linear-gradient(135deg, #9142BC 3%, #9342BC 94%);

 

HEX #9142BC zu HEX #9342BC


CSS-Code:

background-image: radial-gradient(circle, #9142BC 4%, #9342BC 88%);

 

HEX #9342BC zu HEX #B242BC


CSS-Code:

background-image: linear-gradient(135deg, #9342BC 2%, #B242BC 90%);

 

HEX #9342BC zu HEX #B242BC


CSS-Code:

background-image: radial-gradient(circle, #9342BC 2%, #B242BC 86%);

 

HEX #B242BC zu HEX #9342BC


CSS-Code:

background-image: linear-gradient(135deg, #B242BC 13%, #9342BC 100%);

 

HEX #B242BC zu HEX #9342BC


CSS-Code:

background-image: radial-gradient(circle, #B242BC 6%, #9342BC 98%);

 

HEX #9342BC zu HEX #BC42A6


CSS-Code:

background-image: linear-gradient(135deg, #9342BC 8%, #BC42A6 94%);

 

HEX #9342BC zu HEX #BC42A6


CSS-Code:

background-image: radial-gradient(circle, #9342BC 2%, #BC42A6 94%);

 

HEX #BC42A6 zu HEX #9342BC


CSS-Code:

background-image: linear-gradient(135deg, #BC42A6 12%, #9342BC 100%);

 

HEX #BC42A6 zu HEX #9342BC


CSS-Code:

background-image: radial-gradient(circle, #BC42A6 3%, #9342BC 94%);

Linear

HEX #9342BC zu HEX #7B379E


CSS-Code:

background-image: linear-gradient(135deg, #9342BC 8%, #7B379E 97%);

Radial

HEX #9342BC zu HEX #7B379E


CSS-Code:

background-image: radial-gradient(circle, #9342BC 11%, #7B379E 98%);

 

HEX #7B379E zu HEX #9342BC


CSS-Code:

background-image: linear-gradient(135deg, #7B379E 7%, #9342BC 87%);

 

HEX #7B379E zu HEX #9342BC


CSS-Code:

background-image: radial-gradient(circle, #7B379E 8%, #9342BC 89%);

 

HEX #9342BC zu HEX #A460C7


CSS-Code:

background-image: linear-gradient(135deg, #9342BC 6%, #A460C7 98%);

 

HEX #9342BC zu HEX #A460C7


CSS-Code:

background-image: radial-gradient(circle, #9342BC 12%, #A460C7 97%);

 

HEX #A460C7 zu HEX #9342BC


CSS-Code:

background-image: linear-gradient(135deg, #A460C7 7%, #9342BC 86%);

 

HEX #A460C7 zu HEX #9342BC


CSS-Code:

background-image: radial-gradient(circle, #A460C7 0%, #9342BC 94%);

 

HEX #9342BC zu HEX #B67FD2


CSS-Code:

background-image: linear-gradient(135deg, #9342BC 11%, #B67FD2 94%);

 

HEX #9342BC zu HEX #B67FD2


CSS-Code:

background-image: radial-gradient(circle, #9342BC 9%, #B67FD2 98%);

 

HEX #B67FD2 zu HEX #9342BC


CSS-Code:

background-image: linear-gradient(135deg, #B67FD2 6%, #9342BC 98%);

 

HEX #B67FD2 zu HEX #9342BC


CSS-Code:

background-image: radial-gradient(circle, #B67FD2 11%, #9342BC 93%);

Linear

HEX #9342BC zu HEX #7142BC


CSS-Code:

background-image: linear-gradient(135deg, #9342BC 9%, #7142BC 89%);

Radial

HEX #9342BC zu HEX #7142BC


CSS-Code:

background-image: radial-gradient(circle, #9342BC 3%, #7142BC 99%);

 

HEX #7142BC zu HEX #9342BC


CSS-Code:

background-image: linear-gradient(135deg, #7142BC 1%, #9342BC 100%);

 

HEX #7142BC zu HEX #9342BC


CSS-Code:

background-image: radial-gradient(circle, #7142BC 7%, #9342BC 96%);

 

HEX #9342BC zu HEX #9142BC


CSS-Code:

background-image: linear-gradient(135deg, #9342BC 2%, #9142BC 98%);

 

HEX #9342BC zu HEX #9142BC


CSS-Code:

background-image: radial-gradient(circle, #9342BC 0%, #9142BC 98%);

 

HEX #9142BC zu HEX #9342BC


CSS-Code:

background-image: linear-gradient(135deg, #9142BC 0%, #9342BC 91%);

 

HEX #9142BC zu HEX #9342BC


CSS-Code:

background-image: radial-gradient(circle, #9142BC 13%, #9342BC 92%);

 

HEX #9342BC zu HEX #B242BC


CSS-Code:

background-image: linear-gradient(135deg, #9342BC 13%, #B242BC 95%);

 

HEX #9342BC zu HEX #B242BC


CSS-Code:

background-image: radial-gradient(circle, #9342BC 5%, #B242BC 88%);

 

HEX #B242BC zu HEX #9342BC


CSS-Code:

background-image: linear-gradient(135deg, #B242BC 11%, #9342BC 96%);

 

HEX #B242BC zu HEX #9342BC


CSS-Code:

background-image: radial-gradient(circle, #B242BC 2%, #9342BC 96%);

 

HEX #9342BC zu HEX #BC42A6


CSS-Code:

background-image: linear-gradient(135deg, #9342BC 9%, #BC42A6 91%);

 

HEX #9342BC zu HEX #BC42A6


CSS-Code:

background-image: radial-gradient(circle, #9342BC 14%, #BC42A6 88%);

 

HEX #BC42A6 zu HEX #9342BC


CSS-Code:

background-image: linear-gradient(135deg, #BC42A6 5%, #9342BC 88%);

 

HEX #BC42A6 zu HEX #9342BC


CSS-Code:

background-image: radial-gradient(circle, #BC42A6 6%, #9342BC 96%);

Linear

HEX #9342BC zu HEX #7B379E


CSS-Code:

background-image: linear-gradient(135deg, #9342BC 4%, #7B379E 93%);

Radial

HEX #9342BC zu HEX #7B379E


CSS-Code:

background-image: radial-gradient(circle, #9342BC 10%, #7B379E 90%);

 

HEX #7B379E zu HEX #9342BC


CSS-Code:

background-image: linear-gradient(135deg, #7B379E 7%, #9342BC 93%);

 

HEX #7B379E zu HEX #9342BC


CSS-Code:

background-image: radial-gradient(circle, #7B379E 4%, #9342BC 86%);

 

HEX #9342BC zu HEX #A460C7


CSS-Code:

background-image: linear-gradient(135deg, #9342BC 4%, #A460C7 93%);

 

HEX #9342BC zu HEX #A460C7


CSS-Code:

background-image: radial-gradient(circle, #9342BC 11%, #A460C7 97%);

 

HEX #A460C7 zu HEX #9342BC


CSS-Code:

background-image: linear-gradient(135deg, #A460C7 9%, #9342BC 95%);

 

HEX #A460C7 zu HEX #9342BC


CSS-Code:

background-image: radial-gradient(circle, #A460C7 0%, #9342BC 88%);

 

HEX #9342BC zu HEX #B67FD2


CSS-Code:

background-image: linear-gradient(135deg, #9342BC 1%, #B67FD2 97%);

 

HEX #9342BC zu HEX #B67FD2


CSS-Code:

background-image: radial-gradient(circle, #9342BC 12%, #B67FD2 99%);

 

HEX #B67FD2 zu HEX #9342BC


CSS-Code:

background-image: linear-gradient(135deg, #B67FD2 3%, #9342BC 87%);

 

HEX #B67FD2 zu HEX #9342BC


CSS-Code:

background-image: radial-gradient(circle, #B67FD2 14%, #9342BC 96%);

Linear

HEX #9342BC zu HEX #BC4254


CSS-Code:

background-image: linear-gradient(135deg, #9342BC 9%, #BC4254 93%);

Radial

HEX #9342BC zu HEX #BC4254


CSS-Code:

background-image: radial-gradient(circle, #9342BC 13%, #BC4254 100%);

 

HEX #BC4254 zu HEX #9342BC


CSS-Code:

background-image: linear-gradient(135deg, #BC4254 2%, #9342BC 99%);

 

HEX #BC4254 zu HEX #9342BC


CSS-Code:

background-image: radial-gradient(circle, #BC4254 14%, #9342BC 95%);

 

HEX #9342BC zu HEX #42BC60


CSS-Code:

background-image: linear-gradient(135deg, #9342BC 5%, #42BC60 89%);

 

HEX #9342BC zu HEX #42BC60


CSS-Code:

background-image: radial-gradient(circle, #9342BC 11%, #42BC60 91%);

 

HEX #42BC60 zu HEX #9342BC


CSS-Code:

background-image: linear-gradient(135deg, #42BC60 1%, #9342BC 99%);

 

HEX #42BC60 zu HEX #9342BC


CSS-Code:

background-image: radial-gradient(circle, #42BC60 0%, #9342BC 97%);

Linear

HEX #9342BC zu HEX #BC9142


CSS-Code:

background-image: linear-gradient(135deg, #9342BC 5%, #BC9142 97%);

Radial

HEX #9342BC zu HEX #BC9142


CSS-Code:

background-image: radial-gradient(circle, #9342BC 13%, #BC9142 97%);

 

HEX #BC9142 zu HEX #9342BC


CSS-Code:

background-image: linear-gradient(135deg, #BC9142 12%, #9342BC 92%);

 

HEX #BC9142 zu HEX #9342BC


CSS-Code:

background-image: radial-gradient(circle, #BC9142 3%, #9342BC 97%);

 

HEX #9342BC zu HEX #42BC91


CSS-Code:

background-image: linear-gradient(135deg, #9342BC 3%, #42BC91 92%);

 

HEX #9342BC zu HEX #42BC91


CSS-Code:

background-image: radial-gradient(circle, #9342BC 8%, #42BC91 89%);

 

HEX #42BC91 zu HEX #9342BC


CSS-Code:

background-image: linear-gradient(135deg, #42BC91 2%, #9342BC 95%);

 

HEX #42BC91 zu HEX #9342BC


CSS-Code:

background-image: radial-gradient(circle, #42BC91 11%, #9342BC 87%);

Linear

HEX #9342BC zu HEX #BC4254


CSS-Code:

background-image: linear-gradient(135deg, #9342BC 2%, #BC4254 93%);

Radial

HEX #9342BC zu HEX #BC4254


CSS-Code:

background-image: radial-gradient(circle, #9342BC 5%, #BC4254 86%);

 

HEX #BC4254 zu HEX #9342BC


CSS-Code:

background-image: linear-gradient(135deg, #BC4254 3%, #9342BC 98%);

 

HEX #BC4254 zu HEX #9342BC


CSS-Code:

background-image: radial-gradient(circle, #BC4254 13%, #9342BC 94%);

 

HEX #9342BC zu HEX #6DBC42


CSS-Code:

background-image: linear-gradient(135deg, #9342BC 14%, #6DBC42 98%);

 

HEX #9342BC zu HEX #6DBC42


CSS-Code:

background-image: radial-gradient(circle, #9342BC 3%, #6DBC42 94%);

 

HEX #6DBC42 zu HEX #9342BC


CSS-Code:

background-image: linear-gradient(135deg, #6DBC42 13%, #9342BC 92%);

 

HEX #6DBC42 zu HEX #9342BC


CSS-Code:

background-image: radial-gradient(circle, #6DBC42 0%, #9342BC 93%);

 

HEX #9342BC zu HEX #42BCAA


CSS-Code:

background-image: linear-gradient(135deg, #9342BC 6%, #42BCAA 91%);

 

HEX #9342BC zu HEX #42BCAA


CSS-Code:

background-image: radial-gradient(circle, #9342BC 6%, #42BCAA 100%);

 

HEX #42BCAA zu HEX #9342BC


CSS-Code:

background-image: linear-gradient(135deg, #42BCAA 8%, #9342BC 87%);

 

HEX #42BCAA zu HEX #9342BC


CSS-Code:

background-image: radial-gradient(circle, #42BCAA 13%, #9342BC 87%);

Linear

HEX #9342BC zu HEX #BC5442


CSS-Code:

background-image: linear-gradient(135deg, #9342BC 2%, #BC5442 94%);

Radial

HEX #9342BC zu HEX #BC5442


CSS-Code:

background-image: radial-gradient(circle, #9342BC 8%, #BC5442 87%);

 

HEX #BC5442 zu HEX #9342BC


CSS-Code:

background-image: linear-gradient(135deg, #BC5442 14%, #9342BC 94%);

 

HEX #BC5442 zu HEX #9342BC


CSS-Code:

background-image: radial-gradient(circle, #BC5442 9%, #9342BC 98%);

 

HEX #9342BC zu HEX #6DBC42


CSS-Code:

background-image: linear-gradient(135deg, #9342BC 0%, #6DBC42 97%);

 

HEX #9342BC zu HEX #6DBC42


CSS-Code:

background-image: radial-gradient(circle, #9342BC 9%, #6DBC42 97%);

 

HEX #6DBC42 zu HEX #9342BC


CSS-Code:

background-image: linear-gradient(135deg, #6DBC42 10%, #9342BC 92%);

 

HEX #6DBC42 zu HEX #9342BC


CSS-Code:

background-image: radial-gradient(circle, #6DBC42 7%, #9342BC 90%);

 

HEX #9342BC zu HEX #42AABC


CSS-Code:

background-image: linear-gradient(135deg, #9342BC 8%, #42AABC 87%);

 

HEX #9342BC zu HEX #42AABC


CSS-Code:

background-image: radial-gradient(circle, #9342BC 5%, #42AABC 94%);

 

HEX #42AABC zu HEX #9342BC


CSS-Code:

background-image: linear-gradient(135deg, #42AABC 12%, #9342BC 97%);

 

HEX #42AABC zu HEX #9342BC


CSS-Code:

background-image: radial-gradient(circle, #42AABC 12%, #9342BC 93%);

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