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

✕

CSS Gradienten:
#B75E47

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

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #B75E47 zu HEX #48A1B8


CSS-Code:

background-image: linear-gradient(135deg, #B75E47 5%, #48A1B8 97%);

Radial

HEX #B75E47 zu HEX #48A1B8


CSS-Code:

background-image: radial-gradient(circle, #B75E47 7%, #48A1B8 98%);

 

HEX #48A1B8 zu HEX #B75E47


CSS-Code:

background-image: linear-gradient(135deg, #48A1B8 7%, #B75E47 97%);

 

HEX #48A1B8 zu HEX #B75E47


CSS-Code:

background-image: radial-gradient(circle, #48A1B8 12%, #B75E47 99%);

Linear

HEX #B75E47 zu HEX #B7474E


CSS-Code:

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

Radial

HEX #B75E47 zu HEX #B7474E


CSS-Code:

background-image: radial-gradient(circle, #B75E47 14%, #B7474E 97%);

 

HEX #B7474E zu HEX #B75E47


CSS-Code:

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

 

HEX #B7474E zu HEX #B75E47


CSS-Code:

background-image: radial-gradient(circle, #B7474E 4%, #B75E47 97%);

 

HEX #B75E47 zu HEX #B75D47


CSS-Code:

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

 

HEX #B75E47 zu HEX #B75D47


CSS-Code:

background-image: radial-gradient(circle, #B75E47 7%, #B75D47 99%);

 

HEX #B75D47 zu HEX #B75E47


CSS-Code:

background-image: linear-gradient(135deg, #B75D47 9%, #B75E47 93%);

 

HEX #B75D47 zu HEX #B75E47


CSS-Code:

background-image: radial-gradient(circle, #B75D47 12%, #B75E47 90%);

 

HEX #B75E47 zu HEX #B77B47


CSS-Code:

background-image: linear-gradient(135deg, #B75E47 10%, #B77B47 88%);

 

HEX #B75E47 zu HEX #B77B47


CSS-Code:

background-image: radial-gradient(circle, #B75E47 9%, #B77B47 88%);

 

HEX #B77B47 zu HEX #B75E47


CSS-Code:

background-image: linear-gradient(135deg, #B77B47 3%, #B75E47 93%);

 

HEX #B77B47 zu HEX #B75E47


CSS-Code:

background-image: radial-gradient(circle, #B77B47 12%, #B75E47 98%);

 

HEX #B75E47 zu HEX #B79947


CSS-Code:

background-image: linear-gradient(135deg, #B75E47 12%, #B79947 99%);

 

HEX #B75E47 zu HEX #B79947


CSS-Code:

background-image: radial-gradient(circle, #B75E47 10%, #B79947 95%);

 

HEX #B79947 zu HEX #B75E47


CSS-Code:

background-image: linear-gradient(135deg, #B79947 11%, #B75E47 93%);

 

HEX #B79947 zu HEX #B75E47


CSS-Code:

background-image: radial-gradient(circle, #B79947 13%, #B75E47 99%);

Linear

HEX #B75E47 zu HEX #994F3B


CSS-Code:

background-image: linear-gradient(135deg, #B75E47 14%, #994F3B 88%);

Radial

HEX #B75E47 zu HEX #994F3B


CSS-Code:

background-image: radial-gradient(circle, #B75E47 12%, #994F3B 91%);

 

HEX #994F3B zu HEX #B75E47


CSS-Code:

background-image: linear-gradient(135deg, #994F3B 10%, #B75E47 92%);

 

HEX #994F3B zu HEX #B75E47


CSS-Code:

background-image: radial-gradient(circle, #994F3B 0%, #B75E47 99%);

 

HEX #B75E47 zu HEX #C37865


CSS-Code:

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

 

HEX #B75E47 zu HEX #C37865


CSS-Code:

background-image: radial-gradient(circle, #B75E47 14%, #C37865 86%);

 

HEX #C37865 zu HEX #B75E47


CSS-Code:

background-image: linear-gradient(135deg, #C37865 10%, #B75E47 96%);

 

HEX #C37865 zu HEX #B75E47


CSS-Code:

background-image: radial-gradient(circle, #C37865 6%, #B75E47 96%);

 

HEX #B75E47 zu HEX #CE9282


CSS-Code:

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

 

HEX #B75E47 zu HEX #CE9282


CSS-Code:

background-image: radial-gradient(circle, #B75E47 5%, #CE9282 97%);

 

HEX #CE9282 zu HEX #B75E47


CSS-Code:

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

 

HEX #CE9282 zu HEX #B75E47


CSS-Code:

background-image: radial-gradient(circle, #CE9282 6%, #B75E47 92%);

Linear

HEX #B75E47 zu HEX #B7474E


CSS-Code:

background-image: linear-gradient(135deg, #B75E47 7%, #B7474E 88%);

Radial

HEX #B75E47 zu HEX #B7474E


CSS-Code:

background-image: radial-gradient(circle, #B75E47 4%, #B7474E 92%);

 

HEX #B7474E zu HEX #B75E47


CSS-Code:

background-image: linear-gradient(135deg, #B7474E 9%, #B75E47 93%);

 

HEX #B7474E zu HEX #B75E47


CSS-Code:

background-image: radial-gradient(circle, #B7474E 12%, #B75E47 99%);

 

HEX #B75E47 zu HEX #B75D47


CSS-Code:

background-image: linear-gradient(135deg, #B75E47 13%, #B75D47 95%);

 

HEX #B75E47 zu HEX #B75D47


CSS-Code:

background-image: radial-gradient(circle, #B75E47 6%, #B75D47 95%);

 

HEX #B75D47 zu HEX #B75E47


CSS-Code:

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

 

HEX #B75D47 zu HEX #B75E47


CSS-Code:

background-image: radial-gradient(circle, #B75D47 12%, #B75E47 96%);

 

HEX #B75E47 zu HEX #B77B47


CSS-Code:

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

 

HEX #B75E47 zu HEX #B77B47


CSS-Code:

background-image: radial-gradient(circle, #B75E47 3%, #B77B47 94%);

 

HEX #B77B47 zu HEX #B75E47


CSS-Code:

background-image: linear-gradient(135deg, #B77B47 4%, #B75E47 89%);

 

HEX #B77B47 zu HEX #B75E47


CSS-Code:

background-image: radial-gradient(circle, #B77B47 10%, #B75E47 100%);

 

HEX #B75E47 zu HEX #B79947


CSS-Code:

background-image: linear-gradient(135deg, #B75E47 0%, #B79947 90%);

 

HEX #B75E47 zu HEX #B79947


CSS-Code:

background-image: radial-gradient(circle, #B75E47 7%, #B79947 91%);

 

HEX #B79947 zu HEX #B75E47


CSS-Code:

background-image: linear-gradient(135deg, #B79947 10%, #B75E47 93%);

 

HEX #B79947 zu HEX #B75E47


CSS-Code:

background-image: radial-gradient(circle, #B79947 3%, #B75E47 91%);

Linear

HEX #B75E47 zu HEX #994F3B


CSS-Code:

background-image: linear-gradient(135deg, #B75E47 13%, #994F3B 89%);

Radial

HEX #B75E47 zu HEX #994F3B


CSS-Code:

background-image: radial-gradient(circle, #B75E47 9%, #994F3B 92%);

 

HEX #994F3B zu HEX #B75E47


CSS-Code:

background-image: linear-gradient(135deg, #994F3B 4%, #B75E47 86%);

 

HEX #994F3B zu HEX #B75E47


CSS-Code:

background-image: radial-gradient(circle, #994F3B 11%, #B75E47 98%);

 

HEX #B75E47 zu HEX #C37865


CSS-Code:

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

 

HEX #B75E47 zu HEX #C37865


CSS-Code:

background-image: radial-gradient(circle, #B75E47 13%, #C37865 88%);

 

HEX #C37865 zu HEX #B75E47


CSS-Code:

background-image: linear-gradient(135deg, #C37865 2%, #B75E47 86%);

 

HEX #C37865 zu HEX #B75E47


CSS-Code:

background-image: radial-gradient(circle, #C37865 1%, #B75E47 98%);

 

HEX #B75E47 zu HEX #CE9282


CSS-Code:

background-image: linear-gradient(135deg, #B75E47 14%, #CE9282 100%);

 

HEX #B75E47 zu HEX #CE9282


CSS-Code:

background-image: radial-gradient(circle, #B75E47 3%, #CE9282 100%);

 

HEX #CE9282 zu HEX #B75E47


CSS-Code:

background-image: linear-gradient(135deg, #CE9282 0%, #B75E47 93%);

 

HEX #CE9282 zu HEX #B75E47


CSS-Code:

background-image: radial-gradient(circle, #CE9282 7%, #B75E47 93%);

Linear

HEX #B75E47 zu HEX #8AB747


CSS-Code:

background-image: linear-gradient(135deg, #B75E47 13%, #8AB747 100%);

Radial

HEX #B75E47 zu HEX #8AB747


CSS-Code:

background-image: radial-gradient(circle, #B75E47 4%, #8AB747 90%);

 

HEX #8AB747 zu HEX #B75E47


CSS-Code:

background-image: linear-gradient(135deg, #8AB747 11%, #B75E47 89%);

 

HEX #8AB747 zu HEX #B75E47


CSS-Code:

background-image: radial-gradient(circle, #8AB747 0%, #B75E47 90%);

 

HEX #B75E47 zu HEX #475DB7


CSS-Code:

background-image: linear-gradient(135deg, #B75E47 7%, #475DB7 95%);

 

HEX #B75E47 zu HEX #475DB7


CSS-Code:

background-image: radial-gradient(circle, #B75E47 13%, #475DB7 96%);

 

HEX #475DB7 zu HEX #B75E47


CSS-Code:

background-image: linear-gradient(135deg, #475DB7 11%, #B75E47 86%);

 

HEX #475DB7 zu HEX #B75E47


CSS-Code:

background-image: radial-gradient(circle, #475DB7 13%, #B75E47 92%);

Linear

HEX #B75E47 zu HEX #47B75D


CSS-Code:

background-image: linear-gradient(135deg, #B75E47 2%, #47B75D 97%);

Radial

HEX #B75E47 zu HEX #47B75D


CSS-Code:

background-image: radial-gradient(circle, #B75E47 7%, #47B75D 100%);

 

HEX #47B75D zu HEX #B75E47


CSS-Code:

background-image: linear-gradient(135deg, #47B75D 13%, #B75E47 95%);

 

HEX #47B75D zu HEX #B75E47


CSS-Code:

background-image: radial-gradient(circle, #47B75D 3%, #B75E47 91%);

 

HEX #B75E47 zu HEX #5D47B7


CSS-Code:

background-image: linear-gradient(135deg, #B75E47 2%, #5D47B7 92%);

 

HEX #B75E47 zu HEX #5D47B7


CSS-Code:

background-image: radial-gradient(circle, #B75E47 5%, #5D47B7 100%);

 

HEX #5D47B7 zu HEX #B75E47


CSS-Code:

background-image: linear-gradient(135deg, #5D47B7 0%, #B75E47 91%);

 

HEX #5D47B7 zu HEX #B75E47


CSS-Code:

background-image: radial-gradient(circle, #5D47B7 8%, #B75E47 93%);

Linear

HEX #B75E47 zu HEX #8AB747


CSS-Code:

background-image: linear-gradient(135deg, #B75E47 5%, #8AB747 97%);

Radial

HEX #B75E47 zu HEX #8AB747


CSS-Code:

background-image: radial-gradient(circle, #B75E47 4%, #8AB747 95%);

 

HEX #8AB747 zu HEX #B75E47


CSS-Code:

background-image: linear-gradient(135deg, #8AB747 2%, #B75E47 96%);

 

HEX #8AB747 zu HEX #B75E47


CSS-Code:

background-image: radial-gradient(circle, #8AB747 10%, #B75E47 89%);

 

HEX #B75E47 zu HEX #47A1B7


CSS-Code:

background-image: linear-gradient(135deg, #B75E47 11%, #47A1B7 90%);

 

HEX #B75E47 zu HEX #47A1B7


CSS-Code:

background-image: radial-gradient(circle, #B75E47 11%, #47A1B7 97%);

 

HEX #47A1B7 zu HEX #B75E47


CSS-Code:

background-image: linear-gradient(135deg, #47A1B7 11%, #B75E47 86%);

 

HEX #47A1B7 zu HEX #B75E47


CSS-Code:

background-image: radial-gradient(circle, #47A1B7 5%, #B75E47 98%);

 

HEX #B75E47 zu HEX #7447B7


CSS-Code:

background-image: linear-gradient(135deg, #B75E47 10%, #7447B7 87%);

 

HEX #B75E47 zu HEX #7447B7


CSS-Code:

background-image: radial-gradient(circle, #B75E47 3%, #7447B7 89%);

 

HEX #7447B7 zu HEX #B75E47


CSS-Code:

background-image: linear-gradient(135deg, #7447B7 8%, #B75E47 87%);

 

HEX #7447B7 zu HEX #B75E47


CSS-Code:

background-image: radial-gradient(circle, #7447B7 10%, #B75E47 92%);

Linear

HEX #B75E47 zu HEX #69B747


CSS-Code:

background-image: linear-gradient(135deg, #B75E47 11%, #69B747 89%);

Radial

HEX #B75E47 zu HEX #69B747


CSS-Code:

background-image: radial-gradient(circle, #B75E47 0%, #69B747 89%);

 

HEX #69B747 zu HEX #B75E47


CSS-Code:

background-image: linear-gradient(135deg, #69B747 12%, #B75E47 98%);

 

HEX #69B747 zu HEX #B75E47


CSS-Code:

background-image: radial-gradient(circle, #69B747 9%, #B75E47 99%);

 

HEX #B75E47 zu HEX #47A1B7


CSS-Code:

background-image: linear-gradient(135deg, #B75E47 8%, #47A1B7 88%);

 

HEX #B75E47 zu HEX #47A1B7


CSS-Code:

background-image: radial-gradient(circle, #B75E47 4%, #47A1B7 94%);

 

HEX #47A1B7 zu HEX #B75E47


CSS-Code:

background-image: linear-gradient(135deg, #47A1B7 14%, #B75E47 89%);

 

HEX #47A1B7 zu HEX #B75E47


CSS-Code:

background-image: radial-gradient(circle, #47A1B7 9%, #B75E47 92%);

 

HEX #B75E47 zu HEX #9547B7


CSS-Code:

background-image: linear-gradient(135deg, #B75E47 12%, #9547B7 88%);

 

HEX #B75E47 zu HEX #9547B7


CSS-Code:

background-image: radial-gradient(circle, #B75E47 6%, #9547B7 92%);

 

HEX #9547B7 zu HEX #B75E47


CSS-Code:

background-image: linear-gradient(135deg, #9547B7 0%, #B75E47 94%);

 

HEX #9547B7 zu HEX #B75E47


CSS-Code:

background-image: radial-gradient(circle, #9547B7 5%, #B75E47 94%);

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