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

✕

CSS Gradienten:
#3872FF

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

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #3872FF zu HEX #C78D00


CSS-Code:

background-image: linear-gradient(135deg, #3872FF 7%, #C78D00 94%);

Radial

HEX #3872FF zu HEX #C78D00


CSS-Code:

background-image: radial-gradient(circle, #3872FF 2%, #C78D00 87%);

 

HEX #C78D00 zu HEX #3872FF


CSS-Code:

background-image: linear-gradient(135deg, #C78D00 8%, #3872FF 100%);

 

HEX #C78D00 zu HEX #3872FF


CSS-Code:

background-image: radial-gradient(circle, #C78D00 10%, #3872FF 88%);

Linear

HEX #3872FF zu HEX #38A8FF


CSS-Code:

background-image: linear-gradient(135deg, #3872FF 12%, #38A8FF 96%);

Radial

HEX #3872FF zu HEX #38A8FF


CSS-Code:

background-image: radial-gradient(circle, #3872FF 11%, #38A8FF 94%);

 

HEX #38A8FF zu HEX #3872FF


CSS-Code:

background-image: linear-gradient(135deg, #38A8FF 4%, #3872FF 94%);

 

HEX #38A8FF zu HEX #3872FF


CSS-Code:

background-image: radial-gradient(circle, #38A8FF 10%, #3872FF 86%);

 

HEX #3872FF zu HEX #3873FF


CSS-Code:

background-image: linear-gradient(135deg, #3872FF 5%, #3873FF 94%);

 

HEX #3872FF zu HEX #3873FF


CSS-Code:

background-image: radial-gradient(circle, #3872FF 13%, #3873FF 96%);

 

HEX #3873FF zu HEX #3872FF


CSS-Code:

background-image: linear-gradient(135deg, #3873FF 11%, #3872FF 91%);

 

HEX #3873FF zu HEX #3872FF


CSS-Code:

background-image: radial-gradient(circle, #3873FF 13%, #3872FF 97%);

 

HEX #3872FF zu HEX #383EFF


CSS-Code:

background-image: linear-gradient(135deg, #3872FF 7%, #383EFF 99%);

 

HEX #3872FF zu HEX #383EFF


CSS-Code:

background-image: radial-gradient(circle, #3872FF 6%, #383EFF 98%);

 

HEX #383EFF zu HEX #3872FF


CSS-Code:

background-image: linear-gradient(135deg, #383EFF 12%, #3872FF 91%);

 

HEX #383EFF zu HEX #3872FF


CSS-Code:

background-image: radial-gradient(circle, #383EFF 0%, #3872FF 96%);

 

HEX #3872FF zu HEX #6638FF


CSS-Code:

background-image: linear-gradient(135deg, #3872FF 2%, #6638FF 99%);

 

HEX #3872FF zu HEX #6638FF


CSS-Code:

background-image: radial-gradient(circle, #3872FF 8%, #6638FF 89%);

 

HEX #6638FF zu HEX #3872FF


CSS-Code:

background-image: linear-gradient(135deg, #6638FF 9%, #3872FF 95%);

 

HEX #6638FF zu HEX #3872FF


CSS-Code:

background-image: radial-gradient(circle, #6638FF 2%, #3872FF 100%);

Linear

HEX #3872FF zu HEX #0E54FF


CSS-Code:

background-image: linear-gradient(135deg, #3872FF 14%, #0E54FF 92%);

Radial

HEX #3872FF zu HEX #0E54FF


CSS-Code:

background-image: radial-gradient(circle, #3872FF 11%, #0E54FF 93%);

 

HEX #0E54FF zu HEX #3872FF


CSS-Code:

background-image: linear-gradient(135deg, #0E54FF 6%, #3872FF 88%);

 

HEX #0E54FF zu HEX #3872FF


CSS-Code:

background-image: radial-gradient(circle, #0E54FF 0%, #3872FF 93%);

 

HEX #3872FF zu HEX #618FFF


CSS-Code:

background-image: linear-gradient(135deg, #3872FF 5%, #618FFF 87%);

 

HEX #3872FF zu HEX #618FFF


CSS-Code:

background-image: radial-gradient(circle, #3872FF 13%, #618FFF 88%);

 

HEX #618FFF zu HEX #3872FF


CSS-Code:

background-image: linear-gradient(135deg, #618FFF 7%, #3872FF 88%);

 

HEX #618FFF zu HEX #3872FF


CSS-Code:

background-image: radial-gradient(circle, #618FFF 8%, #3872FF 91%);

 

HEX #3872FF zu HEX #8AACFF


CSS-Code:

background-image: linear-gradient(135deg, #3872FF 10%, #8AACFF 94%);

 

HEX #3872FF zu HEX #8AACFF


CSS-Code:

background-image: radial-gradient(circle, #3872FF 10%, #8AACFF 90%);

 

HEX #8AACFF zu HEX #3872FF


CSS-Code:

background-image: linear-gradient(135deg, #8AACFF 8%, #3872FF 100%);

 

HEX #8AACFF zu HEX #3872FF


CSS-Code:

background-image: radial-gradient(circle, #8AACFF 5%, #3872FF 95%);

Linear

HEX #3872FF zu HEX #38A8FF


CSS-Code:

background-image: linear-gradient(135deg, #3872FF 7%, #38A8FF 93%);

Radial

HEX #3872FF zu HEX #38A8FF


CSS-Code:

background-image: radial-gradient(circle, #3872FF 5%, #38A8FF 93%);

 

HEX #38A8FF zu HEX #3872FF


CSS-Code:

background-image: linear-gradient(135deg, #38A8FF 2%, #3872FF 94%);

 

HEX #38A8FF zu HEX #3872FF


CSS-Code:

background-image: radial-gradient(circle, #38A8FF 0%, #3872FF 90%);

 

HEX #3872FF zu HEX #3873FF


CSS-Code:

background-image: linear-gradient(135deg, #3872FF 12%, #3873FF 94%);

 

HEX #3872FF zu HEX #3873FF


CSS-Code:

background-image: radial-gradient(circle, #3872FF 6%, #3873FF 99%);

 

HEX #3873FF zu HEX #3872FF


CSS-Code:

background-image: linear-gradient(135deg, #3873FF 14%, #3872FF 98%);

 

HEX #3873FF zu HEX #3872FF


CSS-Code:

background-image: radial-gradient(circle, #3873FF 1%, #3872FF 88%);

 

HEX #3872FF zu HEX #383EFF


CSS-Code:

background-image: linear-gradient(135deg, #3872FF 14%, #383EFF 94%);

 

HEX #3872FF zu HEX #383EFF


CSS-Code:

background-image: radial-gradient(circle, #3872FF 9%, #383EFF 90%);

 

HEX #383EFF zu HEX #3872FF


CSS-Code:

background-image: linear-gradient(135deg, #383EFF 13%, #3872FF 100%);

 

HEX #383EFF zu HEX #3872FF


CSS-Code:

background-image: radial-gradient(circle, #383EFF 13%, #3872FF 97%);

 

HEX #3872FF zu HEX #6638FF


CSS-Code:

background-image: linear-gradient(135deg, #3872FF 4%, #6638FF 89%);

 

HEX #3872FF zu HEX #6638FF


CSS-Code:

background-image: radial-gradient(circle, #3872FF 3%, #6638FF 100%);

 

HEX #6638FF zu HEX #3872FF


CSS-Code:

background-image: linear-gradient(135deg, #6638FF 7%, #3872FF 94%);

 

HEX #6638FF zu HEX #3872FF


CSS-Code:

background-image: radial-gradient(circle, #6638FF 6%, #3872FF 86%);

Linear

HEX #3872FF zu HEX #0E54FF


CSS-Code:

background-image: linear-gradient(135deg, #3872FF 10%, #0E54FF 93%);

Radial

HEX #3872FF zu HEX #0E54FF


CSS-Code:

background-image: radial-gradient(circle, #3872FF 1%, #0E54FF 90%);

 

HEX #0E54FF zu HEX #3872FF


CSS-Code:

background-image: linear-gradient(135deg, #0E54FF 1%, #3872FF 90%);

 

HEX #0E54FF zu HEX #3872FF


CSS-Code:

background-image: radial-gradient(circle, #0E54FF 0%, #3872FF 100%);

 

HEX #3872FF zu HEX #618FFF


CSS-Code:

background-image: linear-gradient(135deg, #3872FF 3%, #618FFF 91%);

 

HEX #3872FF zu HEX #618FFF


CSS-Code:

background-image: radial-gradient(circle, #3872FF 6%, #618FFF 93%);

 

HEX #618FFF zu HEX #3872FF


CSS-Code:

background-image: linear-gradient(135deg, #618FFF 5%, #3872FF 91%);

 

HEX #618FFF zu HEX #3872FF


CSS-Code:

background-image: radial-gradient(circle, #618FFF 13%, #3872FF 92%);

 

HEX #3872FF zu HEX #8AACFF


CSS-Code:

background-image: linear-gradient(135deg, #3872FF 1%, #8AACFF 99%);

 

HEX #3872FF zu HEX #8AACFF


CSS-Code:

background-image: radial-gradient(circle, #3872FF 7%, #8AACFF 88%);

 

HEX #8AACFF zu HEX #3872FF


CSS-Code:

background-image: linear-gradient(135deg, #8AACFF 8%, #3872FF 92%);

 

HEX #8AACFF zu HEX #3872FF


CSS-Code:

background-image: radial-gradient(circle, #8AACFF 4%, #3872FF 95%);

Linear

HEX #3872FF zu HEX #EB38FF


CSS-Code:

background-image: linear-gradient(135deg, #3872FF 6%, #EB38FF 92%);

Radial

HEX #3872FF zu HEX #EB38FF


CSS-Code:

background-image: radial-gradient(circle, #3872FF 10%, #EB38FF 90%);

 

HEX #EB38FF zu HEX #3872FF


CSS-Code:

background-image: linear-gradient(135deg, #EB38FF 13%, #3872FF 88%);

 

HEX #EB38FF zu HEX #3872FF


CSS-Code:

background-image: radial-gradient(circle, #EB38FF 3%, #3872FF 92%);

 

HEX #3872FF zu HEX #C3FF38


CSS-Code:

background-image: linear-gradient(135deg, #3872FF 11%, #C3FF38 91%);

 

HEX #3872FF zu HEX #C3FF38


CSS-Code:

background-image: radial-gradient(circle, #3872FF 13%, #C3FF38 89%);

 

HEX #C3FF38 zu HEX #3872FF


CSS-Code:

background-image: linear-gradient(135deg, #C3FF38 13%, #3872FF 94%);

 

HEX #C3FF38 zu HEX #3872FF


CSS-Code:

background-image: radial-gradient(circle, #C3FF38 11%, #3872FF 92%);

Linear

HEX #3872FF zu HEX #FF3873


CSS-Code:

background-image: linear-gradient(135deg, #3872FF 8%, #FF3873 86%);

Radial

HEX #3872FF zu HEX #FF3873


CSS-Code:

background-image: radial-gradient(circle, #3872FF 0%, #FF3873 88%);

 

HEX #FF3873 zu HEX #3872FF


CSS-Code:

background-image: linear-gradient(135deg, #FF3873 1%, #3872FF 86%);

 

HEX #FF3873 zu HEX #3872FF


CSS-Code:

background-image: radial-gradient(circle, #FF3873 0%, #3872FF 96%);

 

HEX #3872FF zu HEX #73FF38


CSS-Code:

background-image: linear-gradient(135deg, #3872FF 1%, #73FF38 88%);

 

HEX #3872FF zu HEX #73FF38


CSS-Code:

background-image: radial-gradient(circle, #3872FF 0%, #73FF38 87%);

 

HEX #73FF38 zu HEX #3872FF


CSS-Code:

background-image: linear-gradient(135deg, #73FF38 10%, #3872FF 89%);

 

HEX #73FF38 zu HEX #3872FF


CSS-Code:

background-image: radial-gradient(circle, #73FF38 6%, #3872FF 86%);

Linear

HEX #3872FF zu HEX #EB38FF


CSS-Code:

background-image: linear-gradient(135deg, #3872FF 5%, #EB38FF 100%);

Radial

HEX #3872FF zu HEX #EB38FF


CSS-Code:

background-image: radial-gradient(circle, #3872FF 1%, #EB38FF 92%);

 

HEX #EB38FF zu HEX #3872FF


CSS-Code:

background-image: linear-gradient(135deg, #EB38FF 9%, #3872FF 93%);

 

HEX #EB38FF zu HEX #3872FF


CSS-Code:

background-image: radial-gradient(circle, #EB38FF 4%, #3872FF 100%);

 

HEX #3872FF zu HEX #FFC338


CSS-Code:

background-image: linear-gradient(135deg, #3872FF 0%, #FFC338 94%);

 

HEX #3872FF zu HEX #FFC338


CSS-Code:

background-image: radial-gradient(circle, #3872FF 3%, #FFC338 95%);

 

HEX #FFC338 zu HEX #3872FF


CSS-Code:

background-image: linear-gradient(135deg, #FFC338 3%, #3872FF 100%);

 

HEX #FFC338 zu HEX #3872FF


CSS-Code:

background-image: radial-gradient(circle, #FFC338 0%, #3872FF 97%);

 

HEX #3872FF zu HEX #4BFF38


CSS-Code:

background-image: linear-gradient(135deg, #3872FF 2%, #4BFF38 88%);

 

HEX #3872FF zu HEX #4BFF38


CSS-Code:

background-image: radial-gradient(circle, #3872FF 1%, #4BFF38 88%);

 

HEX #4BFF38 zu HEX #3872FF


CSS-Code:

background-image: linear-gradient(135deg, #4BFF38 0%, #3872FF 100%);

 

HEX #4BFF38 zu HEX #3872FF


CSS-Code:

background-image: radial-gradient(circle, #4BFF38 2%, #3872FF 97%);

Linear

HEX #3872FF zu HEX #FF38D7


CSS-Code:

background-image: linear-gradient(135deg, #3872FF 7%, #FF38D7 92%);

Radial

HEX #3872FF zu HEX #FF38D7


CSS-Code:

background-image: radial-gradient(circle, #3872FF 13%, #FF38D7 100%);

 

HEX #FF38D7 zu HEX #3872FF


CSS-Code:

background-image: linear-gradient(135deg, #FF38D7 1%, #3872FF 97%);

 

HEX #FF38D7 zu HEX #3872FF


CSS-Code:

background-image: radial-gradient(circle, #FF38D7 1%, #3872FF 89%);

 

HEX #3872FF zu HEX #FFC338


CSS-Code:

background-image: linear-gradient(135deg, #3872FF 4%, #FFC338 98%);

 

HEX #3872FF zu HEX #FFC338


CSS-Code:

background-image: radial-gradient(circle, #3872FF 6%, #FFC338 96%);

 

HEX #FFC338 zu HEX #3872FF


CSS-Code:

background-image: linear-gradient(135deg, #FFC338 12%, #3872FF 87%);

 

HEX #FFC338 zu HEX #3872FF


CSS-Code:

background-image: radial-gradient(circle, #FFC338 11%, #3872FF 89%);

 

HEX #3872FF zu HEX #38FF5F


CSS-Code:

background-image: linear-gradient(135deg, #3872FF 9%, #38FF5F 92%);

 

HEX #3872FF zu HEX #38FF5F


CSS-Code:

background-image: radial-gradient(circle, #3872FF 9%, #38FF5F 94%);

 

HEX #38FF5F zu HEX #3872FF


CSS-Code:

background-image: linear-gradient(135deg, #38FF5F 2%, #3872FF 97%);

 

HEX #38FF5F zu HEX #3872FF


CSS-Code:

background-image: radial-gradient(circle, #38FF5F 13%, #3872FF 90%);

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