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

CSS Gradienten:
RGB 41 17 21

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 41 Rot, 17 Grün und 21 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.
41 17 21 R G B
Im CMYK-Farbsystem wird die Farbe folgendermaßen zusammengesetzt: In diesem Farbton sind von 100 maximalen Farbanteilen jeweils keine Cyan, 59 Magenta, 49 Gelb und 84 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% 59% 49% 84% C M Y K

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #291115 zu HEX #D6EEEA


CSS-Code:

background-image: linear-gradient(135deg, #291115 12%, #D6EEEA 96%);

Radial

HEX #291115 zu HEX #D6EEEA


CSS-Code:

background-image: radial-gradient(circle, #291115 14%, #D6EEEA 90%);

 

HEX #D6EEEA zu HEX #291115


CSS-Code:

background-image: linear-gradient(135deg, #D6EEEA 1%, #291115 99%);

 

HEX #D6EEEA zu HEX #291115


CSS-Code:

background-image: radial-gradient(circle, #D6EEEA 7%, #291115 88%);

Linear

HEX #291115 zu HEX #3F2323


CSS-Code:

background-image: linear-gradient(135deg, #291115 10%, #3F2323 92%);

Radial

HEX #291115 zu HEX #3F2323


CSS-Code:

background-image: radial-gradient(circle, #291115 1%, #3F2323 94%);

 

HEX #3F2323 zu HEX #291115


CSS-Code:

background-image: linear-gradient(135deg, #3F2323 12%, #291115 94%);

 

HEX #3F2323 zu HEX #291115


CSS-Code:

background-image: radial-gradient(circle, #3F2323 10%, #291115 95%);

 

HEX #291115 zu HEX #503536


CSS-Code:

background-image: linear-gradient(135deg, #291115 7%, #503536 97%);

 

HEX #291115 zu HEX #503536


CSS-Code:

background-image: radial-gradient(circle, #291115 6%, #503536 97%);

 

HEX #503536 zu HEX #291115


CSS-Code:

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

 

HEX #503536 zu HEX #291115


CSS-Code:

background-image: radial-gradient(circle, #503536 13%, #291115 88%);

 

HEX #291115 zu HEX #614749


CSS-Code:

background-image: linear-gradient(135deg, #291115 14%, #614749 98%);

 

HEX #291115 zu HEX #614749


CSS-Code:

background-image: radial-gradient(circle, #291115 8%, #614749 88%);

 

HEX #614749 zu HEX #291115


CSS-Code:

background-image: linear-gradient(135deg, #614749 7%, #291115 94%);

 

HEX #614749 zu HEX #291115


CSS-Code:

background-image: radial-gradient(circle, #614749 7%, #291115 88%);

 

HEX #291115 zu HEX #72595C


CSS-Code:

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

 

HEX #291115 zu HEX #72595C


CSS-Code:

background-image: radial-gradient(circle, #291115 4%, #72595C 88%);

 

HEX #72595C zu HEX #291115


CSS-Code:

background-image: linear-gradient(135deg, #72595C 3%, #291115 95%);

 

HEX #72595C zu HEX #291115


CSS-Code:

background-image: radial-gradient(circle, #72595C 11%, #291115 92%);

Linear

HEX #291115 zu HEX #180002


CSS-Code:

background-image: linear-gradient(135deg, #291115 14%, #180002 91%);

Radial

HEX #291115 zu HEX #180002


CSS-Code:

background-image: radial-gradient(circle, #291115 9%, #180002 90%);

 

HEX #180002 zu HEX #291115


CSS-Code:

background-image: linear-gradient(135deg, #180002 1%, #291115 86%);

 

HEX #180002 zu HEX #291115


CSS-Code:

background-image: radial-gradient(circle, #180002 2%, #291115 96%);

 

HEX #291115 zu HEX #070000


CSS-Code:

background-image: linear-gradient(135deg, #291115 7%, #070000 95%);

 

HEX #291115 zu HEX #070000


CSS-Code:

background-image: radial-gradient(circle, #291115 5%, #070000 93%);

 

HEX #070000 zu HEX #291115


CSS-Code:

background-image: linear-gradient(135deg, #070000 3%, #291115 87%);

 

HEX #070000 zu HEX #291115


CSS-Code:

background-image: radial-gradient(circle, #070000 4%, #291115 91%);

Linear

HEX #291115 zu HEX #271010


CSS-Code:

background-image: linear-gradient(135deg, #291115 12%, #271010 98%);

Radial

HEX #291115 zu HEX #271010


CSS-Code:

background-image: radial-gradient(circle, #291115 1%, #271010 90%);

 

HEX #271010 zu HEX #291115


CSS-Code:

background-image: linear-gradient(135deg, #271010 11%, #291115 92%);

 

HEX #271010 zu HEX #291115


CSS-Code:

background-image: radial-gradient(circle, #271010 7%, #291115 92%);

 

HEX #291115 zu HEX #271410


CSS-Code:

background-image: linear-gradient(135deg, #291115 13%, #271410 93%);

 

HEX #291115 zu HEX #271410


CSS-Code:

background-image: radial-gradient(circle, #291115 6%, #271410 88%);

 

HEX #271410 zu HEX #291115


CSS-Code:

background-image: linear-gradient(135deg, #271410 11%, #291115 87%);

 

HEX #271410 zu HEX #291115


CSS-Code:

background-image: radial-gradient(circle, #271410 1%, #291115 100%);

 

HEX #291115 zu HEX #271810


CSS-Code:

background-image: linear-gradient(135deg, #291115 4%, #271810 88%);

 

HEX #291115 zu HEX #271810


CSS-Code:

background-image: radial-gradient(circle, #291115 5%, #271810 96%);

 

HEX #271810 zu HEX #291115


CSS-Code:

background-image: linear-gradient(135deg, #271810 5%, #291115 88%);

 

HEX #271810 zu HEX #291115


CSS-Code:

background-image: radial-gradient(circle, #271810 13%, #291115 89%);

 

HEX #291115 zu HEX #271C10


CSS-Code:

background-image: linear-gradient(135deg, #291115 14%, #271C10 90%);

 

HEX #291115 zu HEX #271C10


CSS-Code:

background-image: radial-gradient(circle, #291115 7%, #271C10 96%);

 

HEX #271C10 zu HEX #291115


CSS-Code:

background-image: linear-gradient(135deg, #271C10 3%, #291115 92%);

 

HEX #271C10 zu HEX #291115


CSS-Code:

background-image: radial-gradient(circle, #271C10 4%, #291115 91%);

Linear

HEX #291115 zu HEX #5C262F


CSS-Code:

background-image: linear-gradient(135deg, #291115 11%, #5C262F 86%);

Radial

HEX #291115 zu HEX #5C262F


CSS-Code:

background-image: radial-gradient(circle, #291115 10%, #5C262F 87%);

 

HEX #5C262F zu HEX #291115


CSS-Code:

background-image: linear-gradient(135deg, #5C262F 10%, #291115 92%);

 

HEX #5C262F zu HEX #291115


CSS-Code:

background-image: radial-gradient(circle, #5C262F 10%, #291115 99%);

 

HEX #291115 zu HEX #8F3B49


CSS-Code:

background-image: linear-gradient(135deg, #291115 0%, #8F3B49 97%);

 

HEX #291115 zu HEX #8F3B49


CSS-Code:

background-image: radial-gradient(circle, #291115 7%, #8F3B49 91%);

 

HEX #8F3B49 zu HEX #291115


CSS-Code:

background-image: linear-gradient(135deg, #8F3B49 4%, #291115 88%);

 

HEX #8F3B49 zu HEX #291115


CSS-Code:

background-image: radial-gradient(circle, #8F3B49 3%, #291115 87%);

 

HEX #291115 zu HEX #C25063


CSS-Code:

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

 

HEX #291115 zu HEX #C25063


CSS-Code:

background-image: radial-gradient(circle, #291115 10%, #C25063 97%);

 

HEX #C25063 zu HEX #291115


CSS-Code:

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

 

HEX #C25063 zu HEX #291115


CSS-Code:

background-image: radial-gradient(circle, #C25063 3%, #291115 96%);

 

HEX #291115 zu HEX #F5667D


CSS-Code:

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

 

HEX #291115 zu HEX #F5667D


CSS-Code:

background-image: radial-gradient(circle, #291115 1%, #F5667D 93%);

 

HEX #F5667D zu HEX #291115


CSS-Code:

background-image: linear-gradient(135deg, #F5667D 13%, #291115 93%);

 

HEX #F5667D zu HEX #291115


CSS-Code:

background-image: radial-gradient(circle, #F5667D 13%, #291115 89%);

Linear

HEX #291115 zu HEX #262710


CSS-Code:

background-image: linear-gradient(135deg, #291115 5%, #262710 93%);

Radial

HEX #291115 zu HEX #262710


CSS-Code:

background-image: radial-gradient(circle, #291115 14%, #262710 98%);

 

HEX #262710 zu HEX #291115


CSS-Code:

background-image: linear-gradient(135deg, #262710 5%, #291115 89%);

 

HEX #262710 zu HEX #291115


CSS-Code:

background-image: radial-gradient(circle, #262710 10%, #291115 98%);

 

HEX #291115 zu HEX #101D27


CSS-Code:

background-image: linear-gradient(135deg, #291115 0%, #101D27 98%);

 

HEX #291115 zu HEX #101D27


CSS-Code:

background-image: radial-gradient(circle, #291115 11%, #101D27 91%);

 

HEX #101D27 zu HEX #291115


CSS-Code:

background-image: linear-gradient(135deg, #101D27 8%, #291115 95%);

 

HEX #101D27 zu HEX #291115


CSS-Code:

background-image: radial-gradient(circle, #101D27 6%, #291115 86%);

Linear

HEX #291115 zu HEX #142710


CSS-Code:

background-image: linear-gradient(135deg, #291115 7%, #142710 95%);

Radial

HEX #291115 zu HEX #142710


CSS-Code:

background-image: radial-gradient(circle, #291115 8%, #142710 86%);

 

HEX #142710 zu HEX #291115


CSS-Code:

background-image: linear-gradient(135deg, #142710 5%, #291115 93%);

 

HEX #142710 zu HEX #291115


CSS-Code:

background-image: radial-gradient(circle, #142710 14%, #291115 88%);

 

HEX #291115 zu HEX #101427


CSS-Code:

background-image: linear-gradient(135deg, #291115 12%, #101427 94%);

 

HEX #291115 zu HEX #101427


CSS-Code:

background-image: radial-gradient(circle, #291115 14%, #101427 90%);

 

HEX #101427 zu HEX #291115


CSS-Code:

background-image: linear-gradient(135deg, #101427 7%, #291115 90%);

 

HEX #101427 zu HEX #291115


CSS-Code:

background-image: radial-gradient(circle, #101427 7%, #291115 89%);

Linear

HEX #291115 zu HEX #262710


CSS-Code:

background-image: linear-gradient(135deg, #291115 6%, #262710 93%);

Radial

HEX #291115 zu HEX #262710


CSS-Code:

background-image: radial-gradient(circle, #291115 13%, #262710 96%);

 

HEX #262710 zu HEX #291115


CSS-Code:

background-image: linear-gradient(135deg, #262710 11%, #291115 86%);

 

HEX #262710 zu HEX #291115


CSS-Code:

background-image: radial-gradient(circle, #262710 8%, #291115 94%);

 

HEX #291115 zu HEX #102723


CSS-Code:

background-image: linear-gradient(135deg, #291115 9%, #102723 90%);

 

HEX #291115 zu HEX #102723


CSS-Code:

background-image: radial-gradient(circle, #291115 12%, #102723 89%);

 

HEX #102723 zu HEX #291115


CSS-Code:

background-image: linear-gradient(135deg, #102723 9%, #291115 96%);

 

HEX #102723 zu HEX #291115


CSS-Code:

background-image: radial-gradient(circle, #102723 3%, #291115 89%);

 

HEX #291115 zu HEX #111027


CSS-Code:

background-image: linear-gradient(135deg, #291115 2%, #111027 93%);

 

HEX #291115 zu HEX #111027


CSS-Code:

background-image: radial-gradient(circle, #291115 5%, #111027 99%);

 

HEX #111027 zu HEX #291115


CSS-Code:

background-image: linear-gradient(135deg, #111027 0%, #291115 97%);

 

HEX #111027 zu HEX #291115


CSS-Code:

background-image: radial-gradient(circle, #111027 4%, #291115 97%);

Linear

HEX #291115 zu HEX #1F2710


CSS-Code:

background-image: linear-gradient(135deg, #291115 3%, #1F2710 89%);

Radial

HEX #291115 zu HEX #1F2710


CSS-Code:

background-image: radial-gradient(circle, #291115 7%, #1F2710 91%);

 

HEX #1F2710 zu HEX #291115


CSS-Code:

background-image: linear-gradient(135deg, #1F2710 13%, #291115 89%);

 

HEX #1F2710 zu HEX #291115


CSS-Code:

background-image: radial-gradient(circle, #1F2710 0%, #291115 96%);

 

HEX #291115 zu HEX #102723


CSS-Code:

background-image: linear-gradient(135deg, #291115 7%, #102723 98%);

 

HEX #291115 zu HEX #102723


CSS-Code:

background-image: radial-gradient(circle, #291115 12%, #102723 88%);

 

HEX #102723 zu HEX #291115


CSS-Code:

background-image: linear-gradient(135deg, #102723 12%, #291115 89%);

 

HEX #102723 zu HEX #291115


CSS-Code:

background-image: radial-gradient(circle, #102723 9%, #291115 89%);

 

HEX #291115 zu HEX #181027


CSS-Code:

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

 

HEX #291115 zu HEX #181027


CSS-Code:

background-image: radial-gradient(circle, #291115 8%, #181027 94%);

 

HEX #181027 zu HEX #291115


CSS-Code:

background-image: linear-gradient(135deg, #181027 2%, #291115 87%);

 

HEX #181027 zu HEX #291115


CSS-Code:

background-image: radial-gradient(circle, #181027 3%, #291115 88%);

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

CMYK in HEX

umrechnen von CMYK cyan / magenta / gelb / key zu #RRGGBB

CMYK in RGB

umrechnen von CMYK cyan / magenta / gelb / key zu RGB rot grün blau

CMYK in RGBA

umrechnen von CMYK cyan / magenta / gelb / key zu RGBA rot grün blau transparenz

CMYK in RAL®

umrechnen von CMYK cyan / magenta / gelb / key zu RAL®-Nummer (RAL 0000)

CMYK in HKS®

umrechnen von CMYK cyan / magenta / gelb / key zu HKS®-Nummer (HKS 00)

CMYK in PANTONE®

umrechnen von CMYK cyan / magenta / gelb / key zu Pantone®-Nummer (Pantone 0000)

CMYK in Sherwin Williams®

umrechnen von CMYK cyan / magenta / gelb / key zu Sherwin Williams®-Nummer (SW 0000)

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

NCS® in RGB

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

NCS® in RGBA

umrechnen von NCS-Nummer (S0000-X00X) zu RGBA rot grün blau transparenz

NCS® in CMYK

umrechnen von NCS-Nummer (S0000-X00X) zu CMYK cyan / magenta / gelb / key

Icons

NCS® in HEX

umrechnen von NCS-Nummer (S0000-X00X) zu #RRGGBB

NCS® in RAL®

umrechnen von NCS-Nummer (S0000-X00X) zu RAL®-Nummer (RAL 0000)

NCS® in HKS®

umrechnen von NCS-Nummer (S0000-X00X) zu HKS®-Nummer (HKS 00)

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.