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

✕

CSS Gradienten:
RGB 173 5 22

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 173 Rot, 5 Grün und 22 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.
173 5 22 R G B
Im CMYK-Farbsystem wird die Farbe folgendermaßen zusammengesetzt: In diesem Farbton sind von 100 maximalen Farbanteilen jeweils keine Cyan, 97 Magenta, 87 Gelb und 32 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% 97% 87% 32% C M Y K

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #AD0516 zu HEX #52FAE9


CSS-Code:

background-image: linear-gradient(135deg, #AD0516 1%, #52FAE9 100%);

Radial

HEX #AD0516 zu HEX #52FAE9


CSS-Code:

background-image: radial-gradient(circle, #AD0516 7%, #52FAE9 87%);

 

HEX #52FAE9 zu HEX #AD0516


CSS-Code:

background-image: linear-gradient(135deg, #52FAE9 12%, #AD0516 89%);

 

HEX #52FAE9 zu HEX #AD0516


CSS-Code:

background-image: radial-gradient(circle, #52FAE9 10%, #AD0516 96%);

Linear

HEX #AD0516 zu HEX #AD0545


CSS-Code:

background-image: linear-gradient(135deg, #AD0516 0%, #AD0545 87%);

Radial

HEX #AD0516 zu HEX #AD0545


CSS-Code:

background-image: radial-gradient(circle, #AD0516 5%, #AD0545 90%);

 

HEX #AD0545 zu HEX #AD0516


CSS-Code:

background-image: linear-gradient(135deg, #AD0545 8%, #AD0516 93%);

 

HEX #AD0545 zu HEX #AD0516


CSS-Code:

background-image: radial-gradient(circle, #AD0545 12%, #AD0516 94%);

 

HEX #AD0516 zu HEX #AD0518


CSS-Code:

background-image: linear-gradient(135deg, #AD0516 3%, #AD0518 96%);

 

HEX #AD0516 zu HEX #AD0518


CSS-Code:

background-image: radial-gradient(circle, #AD0516 12%, #AD0518 89%);

 

HEX #AD0518 zu HEX #AD0516


CSS-Code:

background-image: linear-gradient(135deg, #AD0518 8%, #AD0516 93%);

 

HEX #AD0518 zu HEX #AD0516


CSS-Code:

background-image: radial-gradient(circle, #AD0518 3%, #AD0516 91%);

 

HEX #AD0516 zu HEX #AD1E05


CSS-Code:

background-image: linear-gradient(135deg, #AD0516 2%, #AD1E05 88%);

 

HEX #AD0516 zu HEX #AD1E05


CSS-Code:

background-image: radial-gradient(circle, #AD0516 6%, #AD1E05 89%);

 

HEX #AD1E05 zu HEX #AD0516


CSS-Code:

background-image: linear-gradient(135deg, #AD1E05 0%, #AD0516 87%);

 

HEX #AD1E05 zu HEX #AD0516


CSS-Code:

background-image: radial-gradient(circle, #AD1E05 12%, #AD0516 99%);

 

HEX #AD0516 zu HEX #AD4B05


CSS-Code:

background-image: linear-gradient(135deg, #AD0516 13%, #AD4B05 98%);

 

HEX #AD0516 zu HEX #AD4B05


CSS-Code:

background-image: radial-gradient(circle, #AD0516 14%, #AD4B05 97%);

 

HEX #AD4B05 zu HEX #AD0516


CSS-Code:

background-image: linear-gradient(135deg, #AD4B05 13%, #AD0516 91%);

 

HEX #AD4B05 zu HEX #AD0516


CSS-Code:

background-image: radial-gradient(circle, #AD4B05 8%, #AD0516 96%);

Linear

HEX #AD0516 zu HEX #850411


CSS-Code:

background-image: linear-gradient(135deg, #AD0516 5%, #850411 97%);

Radial

HEX #AD0516 zu HEX #850411


CSS-Code:

background-image: radial-gradient(circle, #AD0516 5%, #850411 100%);

 

HEX #850411 zu HEX #AD0516


CSS-Code:

background-image: linear-gradient(135deg, #850411 10%, #AD0516 86%);

 

HEX #850411 zu HEX #AD0516


CSS-Code:

background-image: radial-gradient(circle, #850411 3%, #AD0516 92%);

 

HEX #AD0516 zu HEX #D5061B


CSS-Code:

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

 

HEX #AD0516 zu HEX #D5061B


CSS-Code:

background-image: radial-gradient(circle, #AD0516 11%, #D5061B 87%);

 

HEX #D5061B zu HEX #AD0516


CSS-Code:

background-image: linear-gradient(135deg, #D5061B 6%, #AD0516 87%);

 

HEX #D5061B zu HEX #AD0516


CSS-Code:

background-image: radial-gradient(circle, #D5061B 3%, #AD0516 98%);

 

HEX #AD0516 zu HEX #F70D25


CSS-Code:

background-image: linear-gradient(135deg, #AD0516 0%, #F70D25 100%);

 

HEX #AD0516 zu HEX #F70D25


CSS-Code:

background-image: radial-gradient(circle, #AD0516 10%, #F70D25 87%);

 

HEX #F70D25 zu HEX #AD0516


CSS-Code:

background-image: linear-gradient(135deg, #F70D25 12%, #AD0516 86%);

 

HEX #F70D25 zu HEX #AD0516


CSS-Code:

background-image: radial-gradient(circle, #F70D25 8%, #AD0516 88%);

Linear

HEX #AD0516 zu HEX #AD0545


CSS-Code:

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

Radial

HEX #AD0516 zu HEX #AD0545


CSS-Code:

background-image: radial-gradient(circle, #AD0516 3%, #AD0545 99%);

 

HEX #AD0545 zu HEX #AD0516


CSS-Code:

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

 

HEX #AD0545 zu HEX #AD0516


CSS-Code:

background-image: radial-gradient(circle, #AD0545 1%, #AD0516 92%);

 

HEX #AD0516 zu HEX #AD0518


CSS-Code:

background-image: linear-gradient(135deg, #AD0516 4%, #AD0518 92%);

 

HEX #AD0516 zu HEX #AD0518


CSS-Code:

background-image: radial-gradient(circle, #AD0516 0%, #AD0518 90%);

 

HEX #AD0518 zu HEX #AD0516


CSS-Code:

background-image: linear-gradient(135deg, #AD0518 9%, #AD0516 100%);

 

HEX #AD0518 zu HEX #AD0516


CSS-Code:

background-image: radial-gradient(circle, #AD0518 6%, #AD0516 91%);

 

HEX #AD0516 zu HEX #AD1E05


CSS-Code:

background-image: linear-gradient(135deg, #AD0516 5%, #AD1E05 86%);

 

HEX #AD0516 zu HEX #AD1E05


CSS-Code:

background-image: radial-gradient(circle, #AD0516 14%, #AD1E05 93%);

 

HEX #AD1E05 zu HEX #AD0516


CSS-Code:

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

 

HEX #AD1E05 zu HEX #AD0516


CSS-Code:

background-image: radial-gradient(circle, #AD1E05 6%, #AD0516 87%);

 

HEX #AD0516 zu HEX #AD4B05


CSS-Code:

background-image: linear-gradient(135deg, #AD0516 7%, #AD4B05 91%);

 

HEX #AD0516 zu HEX #AD4B05


CSS-Code:

background-image: radial-gradient(circle, #AD0516 8%, #AD4B05 99%);

 

HEX #AD4B05 zu HEX #AD0516


CSS-Code:

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

 

HEX #AD4B05 zu HEX #AD0516


CSS-Code:

background-image: radial-gradient(circle, #AD4B05 5%, #AD0516 88%);

Linear

HEX #AD0516 zu HEX #850411


CSS-Code:

background-image: linear-gradient(135deg, #AD0516 4%, #850411 86%);

Radial

HEX #AD0516 zu HEX #850411


CSS-Code:

background-image: radial-gradient(circle, #AD0516 9%, #850411 98%);

 

HEX #850411 zu HEX #AD0516


CSS-Code:

background-image: linear-gradient(135deg, #850411 13%, #AD0516 92%);

 

HEX #850411 zu HEX #AD0516


CSS-Code:

background-image: radial-gradient(circle, #850411 14%, #AD0516 99%);

 

HEX #AD0516 zu HEX #D5061B


CSS-Code:

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

 

HEX #AD0516 zu HEX #D5061B


CSS-Code:

background-image: radial-gradient(circle, #AD0516 0%, #D5061B 88%);

 

HEX #D5061B zu HEX #AD0516


CSS-Code:

background-image: linear-gradient(135deg, #D5061B 3%, #AD0516 88%);

 

HEX #D5061B zu HEX #AD0516


CSS-Code:

background-image: radial-gradient(circle, #D5061B 3%, #AD0516 97%);

 

HEX #AD0516 zu HEX #F70D25


CSS-Code:

background-image: linear-gradient(135deg, #AD0516 14%, #F70D25 92%);

 

HEX #AD0516 zu HEX #F70D25


CSS-Code:

background-image: radial-gradient(circle, #AD0516 7%, #F70D25 96%);

 

HEX #F70D25 zu HEX #AD0516


CSS-Code:

background-image: linear-gradient(135deg, #F70D25 12%, #AD0516 91%);

 

HEX #F70D25 zu HEX #AD0516


CSS-Code:

background-image: radial-gradient(circle, #F70D25 6%, #AD0516 86%);

Linear

HEX #AD0516 zu HEX #9FAD05


CSS-Code:

background-image: linear-gradient(135deg, #AD0516 13%, #9FAD05 97%);

Radial

HEX #AD0516 zu HEX #9FAD05


CSS-Code:

background-image: radial-gradient(circle, #AD0516 1%, #9FAD05 91%);

 

HEX #9FAD05 zu HEX #AD0516


CSS-Code:

background-image: linear-gradient(135deg, #9FAD05 11%, #AD0516 90%);

 

HEX #9FAD05 zu HEX #AD0516


CSS-Code:

background-image: radial-gradient(circle, #9FAD05 12%, #AD0516 97%);

 

HEX #AD0516 zu HEX #055CAD


CSS-Code:

background-image: linear-gradient(135deg, #AD0516 11%, #055CAD 100%);

 

HEX #AD0516 zu HEX #055CAD


CSS-Code:

background-image: radial-gradient(circle, #AD0516 6%, #055CAD 96%);

 

HEX #055CAD zu HEX #AD0516


CSS-Code:

background-image: linear-gradient(135deg, #055CAD 10%, #AD0516 95%);

 

HEX #055CAD zu HEX #AD0516


CSS-Code:

background-image: radial-gradient(circle, #055CAD 9%, #AD0516 89%);

Linear

HEX #AD0516 zu HEX #18AD05


CSS-Code:

background-image: linear-gradient(135deg, #AD0516 3%, #18AD05 90%);

Radial

HEX #AD0516 zu HEX #18AD05


CSS-Code:

background-image: radial-gradient(circle, #AD0516 1%, #18AD05 86%);

 

HEX #18AD05 zu HEX #AD0516


CSS-Code:

background-image: linear-gradient(135deg, #18AD05 14%, #AD0516 100%);

 

HEX #18AD05 zu HEX #AD0516


CSS-Code:

background-image: radial-gradient(circle, #18AD05 9%, #AD0516 96%);

 

HEX #AD0516 zu HEX #0518AD


CSS-Code:

background-image: linear-gradient(135deg, #AD0516 8%, #0518AD 86%);

 

HEX #AD0516 zu HEX #0518AD


CSS-Code:

background-image: radial-gradient(circle, #AD0516 6%, #0518AD 93%);

 

HEX #0518AD zu HEX #AD0516


CSS-Code:

background-image: linear-gradient(135deg, #0518AD 4%, #AD0516 93%);

 

HEX #0518AD zu HEX #AD0516


CSS-Code:

background-image: radial-gradient(circle, #0518AD 1%, #AD0516 89%);

Linear

HEX #AD0516 zu HEX #9FAD05


CSS-Code:

background-image: linear-gradient(135deg, #AD0516 13%, #9FAD05 89%);

Radial

HEX #AD0516 zu HEX #9FAD05


CSS-Code:

background-image: radial-gradient(circle, #AD0516 4%, #9FAD05 96%);

 

HEX #9FAD05 zu HEX #AD0516


CSS-Code:

background-image: linear-gradient(135deg, #9FAD05 11%, #AD0516 89%);

 

HEX #9FAD05 zu HEX #AD0516


CSS-Code:

background-image: radial-gradient(circle, #9FAD05 3%, #AD0516 87%);

 

HEX #AD0516 zu HEX #05AD99


CSS-Code:

background-image: linear-gradient(135deg, #AD0516 8%, #05AD99 91%);

 

HEX #AD0516 zu HEX #05AD99


CSS-Code:

background-image: radial-gradient(circle, #AD0516 3%, #05AD99 90%);

 

HEX #05AD99 zu HEX #AD0516


CSS-Code:

background-image: linear-gradient(135deg, #05AD99 0%, #AD0516 92%);

 

HEX #05AD99 zu HEX #AD0516


CSS-Code:

background-image: radial-gradient(circle, #05AD99 12%, #AD0516 99%);

 

HEX #AD0516 zu HEX #1305AD


CSS-Code:

background-image: linear-gradient(135deg, #AD0516 8%, #1305AD 97%);

 

HEX #AD0516 zu HEX #1305AD


CSS-Code:

background-image: radial-gradient(circle, #AD0516 8%, #1305AD 99%);

 

HEX #1305AD zu HEX #AD0516


CSS-Code:

background-image: linear-gradient(135deg, #1305AD 3%, #AD0516 99%);

 

HEX #1305AD zu HEX #AD0516


CSS-Code:

background-image: radial-gradient(circle, #1305AD 9%, #AD0516 98%);

Linear

HEX #AD0516 zu HEX #6CAD05


CSS-Code:

background-image: linear-gradient(135deg, #AD0516 10%, #6CAD05 87%);

Radial

HEX #AD0516 zu HEX #6CAD05


CSS-Code:

background-image: radial-gradient(circle, #AD0516 10%, #6CAD05 93%);

 

HEX #6CAD05 zu HEX #AD0516


CSS-Code:

background-image: linear-gradient(135deg, #6CAD05 0%, #AD0516 99%);

 

HEX #6CAD05 zu HEX #AD0516


CSS-Code:

background-image: radial-gradient(circle, #6CAD05 3%, #AD0516 86%);

 

HEX #AD0516 zu HEX #05AD99


CSS-Code:

background-image: linear-gradient(135deg, #AD0516 3%, #05AD99 91%);

 

HEX #AD0516 zu HEX #05AD99


CSS-Code:

background-image: radial-gradient(circle, #AD0516 4%, #05AD99 96%);

 

HEX #05AD99 zu HEX #AD0516


CSS-Code:

background-image: linear-gradient(135deg, #05AD99 1%, #AD0516 87%);

 

HEX #05AD99 zu HEX #AD0516


CSS-Code:

background-image: radial-gradient(circle, #05AD99 5%, #AD0516 94%);

 

HEX #AD0516 zu HEX #4505AD


CSS-Code:

background-image: linear-gradient(135deg, #AD0516 0%, #4505AD 97%);

 

HEX #AD0516 zu HEX #4505AD


CSS-Code:

background-image: radial-gradient(circle, #AD0516 6%, #4505AD 95%);

 

HEX #4505AD zu HEX #AD0516


CSS-Code:

background-image: linear-gradient(135deg, #4505AD 14%, #AD0516 87%);

 

HEX #4505AD zu HEX #AD0516


CSS-Code:

background-image: radial-gradient(circle, #4505AD 1%, #AD0516 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
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 - Designed by frag-bobby.de