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

✕

CSS Gradienten:
#17597C

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

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #17597C zu HEX #E8A683


CSS-Code:

background-image: linear-gradient(135deg, #17597C 9%, #E8A683 98%);

Radial

HEX #17597C zu HEX #E8A683


CSS-Code:

background-image: radial-gradient(circle, #17597C 10%, #E8A683 89%);

 

HEX #E8A683 zu HEX #17597C


CSS-Code:

background-image: linear-gradient(135deg, #E8A683 5%, #17597C 86%);

 

HEX #E8A683 zu HEX #17597C


CSS-Code:

background-image: radial-gradient(circle, #E8A683 13%, #17597C 93%);

Linear

HEX #17597C zu HEX #16767C


CSS-Code:

background-image: linear-gradient(135deg, #17597C 1%, #16767C 95%);

Radial

HEX #17597C zu HEX #16767C


CSS-Code:

background-image: radial-gradient(circle, #17597C 1%, #16767C 89%);

 

HEX #16767C zu HEX #17597C


CSS-Code:

background-image: linear-gradient(135deg, #16767C 5%, #17597C 88%);

 

HEX #16767C zu HEX #17597C


CSS-Code:

background-image: radial-gradient(circle, #16767C 12%, #17597C 97%);

 

HEX #17597C zu HEX #165A7C


CSS-Code:

background-image: linear-gradient(135deg, #17597C 9%, #165A7C 88%);

 

HEX #17597C zu HEX #165A7C


CSS-Code:

background-image: radial-gradient(circle, #17597C 8%, #165A7C 91%);

 

HEX #165A7C zu HEX #17597C


CSS-Code:

background-image: linear-gradient(135deg, #165A7C 11%, #17597C 90%);

 

HEX #165A7C zu HEX #17597C


CSS-Code:

background-image: radial-gradient(circle, #165A7C 13%, #17597C 87%);

 

HEX #17597C zu HEX #163F7C


CSS-Code:

background-image: linear-gradient(135deg, #17597C 8%, #163F7C 100%);

 

HEX #17597C zu HEX #163F7C


CSS-Code:

background-image: radial-gradient(circle, #17597C 7%, #163F7C 96%);

 

HEX #163F7C zu HEX #17597C


CSS-Code:

background-image: linear-gradient(135deg, #163F7C 10%, #17597C 95%);

 

HEX #163F7C zu HEX #17597C


CSS-Code:

background-image: radial-gradient(circle, #163F7C 11%, #17597C 88%);

 

HEX #17597C zu HEX #16247C


CSS-Code:

background-image: linear-gradient(135deg, #17597C 12%, #16247C 98%);

 

HEX #17597C zu HEX #16247C


CSS-Code:

background-image: radial-gradient(circle, #17597C 13%, #16247C 98%);

 

HEX #16247C zu HEX #17597C


CSS-Code:

background-image: linear-gradient(135deg, #16247C 3%, #17597C 98%);

 

HEX #16247C zu HEX #17597C


CSS-Code:

background-image: radial-gradient(circle, #16247C 2%, #17597C 97%);

Linear

HEX #17597C zu HEX #10405A


CSS-Code:

background-image: linear-gradient(135deg, #17597C 7%, #10405A 92%);

Radial

HEX #17597C zu HEX #10405A


CSS-Code:

background-image: radial-gradient(circle, #17597C 11%, #10405A 91%);

 

HEX #10405A zu HEX #17597C


CSS-Code:

background-image: linear-gradient(135deg, #10405A 6%, #17597C 86%);

 

HEX #10405A zu HEX #17597C


CSS-Code:

background-image: radial-gradient(circle, #10405A 4%, #17597C 87%);

 

HEX #17597C zu HEX #16597C


CSS-Code:

background-image: linear-gradient(135deg, #17597C 2%, #16597C 89%);

 

HEX #17597C zu HEX #16597C


CSS-Code:

background-image: radial-gradient(circle, #17597C 4%, #16597C 87%);

 

HEX #16597C zu HEX #17597C


CSS-Code:

background-image: linear-gradient(135deg, #16597C 7%, #17597C 88%);

 

HEX #16597C zu HEX #17597C


CSS-Code:

background-image: radial-gradient(circle, #16597C 7%, #17597C 86%);

 

HEX #17597C zu HEX #1D729F


CSS-Code:

background-image: linear-gradient(135deg, #17597C 11%, #1D729F 98%);

 

HEX #17597C zu HEX #1D729F


CSS-Code:

background-image: radial-gradient(circle, #17597C 9%, #1D729F 98%);

 

HEX #1D729F zu HEX #17597C


CSS-Code:

background-image: linear-gradient(135deg, #1D729F 11%, #17597C 96%);

 

HEX #1D729F zu HEX #17597C


CSS-Code:

background-image: radial-gradient(circle, #1D729F 4%, #17597C 94%);

 

HEX #17597C zu HEX #238BC2


CSS-Code:

background-image: linear-gradient(135deg, #17597C 6%, #238BC2 94%);

 

HEX #17597C zu HEX #238BC2


CSS-Code:

background-image: radial-gradient(circle, #17597C 2%, #238BC2 95%);

 

HEX #238BC2 zu HEX #17597C


CSS-Code:

background-image: linear-gradient(135deg, #238BC2 0%, #17597C 97%);

 

HEX #238BC2 zu HEX #17597C


CSS-Code:

background-image: radial-gradient(circle, #238BC2 3%, #17597C 89%);

Linear

HEX #17597C zu HEX #16767C


CSS-Code:

background-image: linear-gradient(135deg, #17597C 11%, #16767C 100%);

Radial

HEX #17597C zu HEX #16767C


CSS-Code:

background-image: radial-gradient(circle, #17597C 0%, #16767C 96%);

 

HEX #16767C zu HEX #17597C


CSS-Code:

background-image: linear-gradient(135deg, #16767C 5%, #17597C 86%);

 

HEX #16767C zu HEX #17597C


CSS-Code:

background-image: radial-gradient(circle, #16767C 11%, #17597C 89%);

 

HEX #17597C zu HEX #165A7C


CSS-Code:

background-image: linear-gradient(135deg, #17597C 4%, #165A7C 87%);

 

HEX #17597C zu HEX #165A7C


CSS-Code:

background-image: radial-gradient(circle, #17597C 0%, #165A7C 87%);

 

HEX #165A7C zu HEX #17597C


CSS-Code:

background-image: linear-gradient(135deg, #165A7C 4%, #17597C 95%);

 

HEX #165A7C zu HEX #17597C


CSS-Code:

background-image: radial-gradient(circle, #165A7C 10%, #17597C 94%);

 

HEX #17597C zu HEX #163F7C


CSS-Code:

background-image: linear-gradient(135deg, #17597C 11%, #163F7C 93%);

 

HEX #17597C zu HEX #163F7C


CSS-Code:

background-image: radial-gradient(circle, #17597C 1%, #163F7C 96%);

 

HEX #163F7C zu HEX #17597C


CSS-Code:

background-image: linear-gradient(135deg, #163F7C 12%, #17597C 93%);

 

HEX #163F7C zu HEX #17597C


CSS-Code:

background-image: radial-gradient(circle, #163F7C 13%, #17597C 96%);

 

HEX #17597C zu HEX #16247C


CSS-Code:

background-image: linear-gradient(135deg, #17597C 6%, #16247C 90%);

 

HEX #17597C zu HEX #16247C


CSS-Code:

background-image: radial-gradient(circle, #17597C 4%, #16247C 89%);

 

HEX #16247C zu HEX #17597C


CSS-Code:

background-image: linear-gradient(135deg, #16247C 12%, #17597C 95%);

 

HEX #16247C zu HEX #17597C


CSS-Code:

background-image: radial-gradient(circle, #16247C 6%, #17597C 100%);

Linear

HEX #17597C zu HEX #10405A


CSS-Code:

background-image: linear-gradient(135deg, #17597C 13%, #10405A 94%);

Radial

HEX #17597C zu HEX #10405A


CSS-Code:

background-image: radial-gradient(circle, #17597C 5%, #10405A 97%);

 

HEX #10405A zu HEX #17597C


CSS-Code:

background-image: linear-gradient(135deg, #10405A 2%, #17597C 88%);

 

HEX #10405A zu HEX #17597C


CSS-Code:

background-image: radial-gradient(circle, #10405A 12%, #17597C 100%);

 

HEX #17597C zu HEX #16597C


CSS-Code:

background-image: linear-gradient(135deg, #17597C 11%, #16597C 90%);

 

HEX #17597C zu HEX #16597C


CSS-Code:

background-image: radial-gradient(circle, #17597C 6%, #16597C 96%);

 

HEX #16597C zu HEX #17597C


CSS-Code:

background-image: linear-gradient(135deg, #16597C 14%, #17597C 99%);

 

HEX #16597C zu HEX #17597C


CSS-Code:

background-image: radial-gradient(circle, #16597C 1%, #17597C 94%);

 

HEX #17597C zu HEX #1D729F


CSS-Code:

background-image: linear-gradient(135deg, #17597C 6%, #1D729F 97%);

 

HEX #17597C zu HEX #1D729F


CSS-Code:

background-image: radial-gradient(circle, #17597C 8%, #1D729F 100%);

 

HEX #1D729F zu HEX #17597C


CSS-Code:

background-image: linear-gradient(135deg, #1D729F 6%, #17597C 91%);

 

HEX #1D729F zu HEX #17597C


CSS-Code:

background-image: radial-gradient(circle, #1D729F 2%, #17597C 88%);

 

HEX #17597C zu HEX #238BC2


CSS-Code:

background-image: linear-gradient(135deg, #17597C 8%, #238BC2 91%);

 

HEX #17597C zu HEX #238BC2


CSS-Code:

background-image: radial-gradient(circle, #17597C 2%, #238BC2 92%);

 

HEX #238BC2 zu HEX #17597C


CSS-Code:

background-image: linear-gradient(135deg, #238BC2 1%, #17597C 99%);

 

HEX #238BC2 zu HEX #17597C


CSS-Code:

background-image: radial-gradient(circle, #238BC2 10%, #17597C 92%);

Linear

HEX #17597C zu HEX #4D167C


CSS-Code:

background-image: linear-gradient(135deg, #17597C 3%, #4D167C 90%);

Radial

HEX #17597C zu HEX #4D167C


CSS-Code:

background-image: radial-gradient(circle, #17597C 0%, #4D167C 89%);

 

HEX #4D167C zu HEX #17597C


CSS-Code:

background-image: linear-gradient(135deg, #4D167C 0%, #17597C 92%);

 

HEX #4D167C zu HEX #17597C


CSS-Code:

background-image: radial-gradient(circle, #4D167C 4%, #17597C 91%);

 

HEX #17597C zu HEX #7C7616


CSS-Code:

background-image: linear-gradient(135deg, #17597C 0%, #7C7616 99%);

 

HEX #17597C zu HEX #7C7616


CSS-Code:

background-image: radial-gradient(circle, #17597C 4%, #7C7616 99%);

 

HEX #7C7616 zu HEX #17597C


CSS-Code:

background-image: linear-gradient(135deg, #7C7616 10%, #17597C 99%);

 

HEX #7C7616 zu HEX #17597C


CSS-Code:

background-image: radial-gradient(circle, #7C7616 8%, #17597C 99%);

Linear

HEX #17597C zu HEX #7C165A


CSS-Code:

background-image: linear-gradient(135deg, #17597C 0%, #7C165A 88%);

Radial

HEX #17597C zu HEX #7C165A


CSS-Code:

background-image: radial-gradient(circle, #17597C 0%, #7C165A 89%);

 

HEX #7C165A zu HEX #17597C


CSS-Code:

background-image: linear-gradient(135deg, #7C165A 2%, #17597C 92%);

 

HEX #7C165A zu HEX #17597C


CSS-Code:

background-image: radial-gradient(circle, #7C165A 2%, #17597C 89%);

 

HEX #17597C zu HEX #5A7C16


CSS-Code:

background-image: linear-gradient(135deg, #17597C 3%, #5A7C16 100%);

 

HEX #17597C zu HEX #5A7C16


CSS-Code:

background-image: radial-gradient(circle, #17597C 3%, #5A7C16 99%);

 

HEX #5A7C16 zu HEX #17597C


CSS-Code:

background-image: linear-gradient(135deg, #5A7C16 2%, #17597C 94%);

 

HEX #5A7C16 zu HEX #17597C


CSS-Code:

background-image: radial-gradient(circle, #5A7C16 0%, #17597C 92%);

Linear

HEX #17597C zu HEX #4D167C


CSS-Code:

background-image: linear-gradient(135deg, #17597C 5%, #4D167C 89%);

Radial

HEX #17597C zu HEX #4D167C


CSS-Code:

background-image: radial-gradient(circle, #17597C 8%, #4D167C 92%);

 

HEX #4D167C zu HEX #17597C


CSS-Code:

background-image: linear-gradient(135deg, #4D167C 9%, #17597C 100%);

 

HEX #4D167C zu HEX #17597C


CSS-Code:

background-image: radial-gradient(circle, #4D167C 4%, #17597C 89%);

 

HEX #17597C zu HEX #7C3816


CSS-Code:

background-image: linear-gradient(135deg, #17597C 5%, #7C3816 93%);

 

HEX #17597C zu HEX #7C3816


CSS-Code:

background-image: radial-gradient(circle, #17597C 8%, #7C3816 98%);

 

HEX #7C3816 zu HEX #17597C


CSS-Code:

background-image: linear-gradient(135deg, #7C3816 11%, #17597C 94%);

 

HEX #7C3816 zu HEX #17597C


CSS-Code:

background-image: radial-gradient(circle, #7C3816 4%, #17597C 92%);

 

HEX #17597C zu HEX #467C16


CSS-Code:

background-image: linear-gradient(135deg, #17597C 14%, #467C16 97%);

 

HEX #17597C zu HEX #467C16


CSS-Code:

background-image: radial-gradient(circle, #17597C 11%, #467C16 93%);

 

HEX #467C16 zu HEX #17597C


CSS-Code:

background-image: linear-gradient(135deg, #467C16 10%, #17597C 91%);

 

HEX #467C16 zu HEX #17597C


CSS-Code:

background-image: radial-gradient(circle, #467C16 10%, #17597C 98%);

Linear

HEX #17597C zu HEX #6B167C


CSS-Code:

background-image: linear-gradient(135deg, #17597C 10%, #6B167C 89%);

Radial

HEX #17597C zu HEX #6B167C


CSS-Code:

background-image: radial-gradient(circle, #17597C 0%, #6B167C 100%);

 

HEX #6B167C zu HEX #17597C


CSS-Code:

background-image: linear-gradient(135deg, #6B167C 4%, #17597C 95%);

 

HEX #6B167C zu HEX #17597C


CSS-Code:

background-image: radial-gradient(circle, #6B167C 14%, #17597C 95%);

 

HEX #17597C zu HEX #7C3816


CSS-Code:

background-image: linear-gradient(135deg, #17597C 6%, #7C3816 98%);

 

HEX #17597C zu HEX #7C3816


CSS-Code:

background-image: radial-gradient(circle, #17597C 0%, #7C3816 98%);

 

HEX #7C3816 zu HEX #17597C


CSS-Code:

background-image: linear-gradient(135deg, #7C3816 5%, #17597C 90%);

 

HEX #7C3816 zu HEX #17597C


CSS-Code:

background-image: radial-gradient(circle, #7C3816 9%, #17597C 88%);

 

HEX #17597C zu HEX #277C16


CSS-Code:

background-image: linear-gradient(135deg, #17597C 0%, #277C16 94%);

 

HEX #17597C zu HEX #277C16


CSS-Code:

background-image: radial-gradient(circle, #17597C 6%, #277C16 96%);

 

HEX #277C16 zu HEX #17597C


CSS-Code:

background-image: linear-gradient(135deg, #277C16 5%, #17597C 90%);

 

HEX #277C16 zu HEX #17597C


CSS-Code:

background-image: radial-gradient(circle, #277C16 8%, #17597C 97%);

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