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

✕

CSS Gradienten:
#FCB191

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 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 252 Rot, 177 Grün und 145 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.
252 177 145 R G B
Im CMYK-Farbsystem wird die Farbe folgendermaßen zusammengesetzt: In diesem Farbton sind von 100 maximalen Farbanteilen jeweils keine Cyan, 30 Magenta, 42 Gelb und 1 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% 30% 42% 1% C M Y K

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #FCB191 zu HEX #034E6E


CSS-Code:

background-image: linear-gradient(135deg, #FCB191 1%, #034E6E 87%);

Radial

HEX #FCB191 zu HEX #034E6E


CSS-Code:

background-image: radial-gradient(circle, #FCB191 2%, #034E6E 99%);

 

HEX #034E6E zu HEX #FCB191


CSS-Code:

background-image: linear-gradient(135deg, #034E6E 3%, #FCB191 86%);

 

HEX #034E6E zu HEX #FCB191


CSS-Code:

background-image: radial-gradient(circle, #034E6E 12%, #FCB191 93%);

Linear

HEX #FCB191 zu HEX #FC9391


CSS-Code:

background-image: linear-gradient(135deg, #FCB191 10%, #FC9391 99%);

Radial

HEX #FCB191 zu HEX #FC9391


CSS-Code:

background-image: radial-gradient(circle, #FCB191 4%, #FC9391 98%);

 

HEX #FC9391 zu HEX #FCB191


CSS-Code:

background-image: linear-gradient(135deg, #FC9391 6%, #FCB191 90%);

 

HEX #FC9391 zu HEX #FCB191


CSS-Code:

background-image: radial-gradient(circle, #FC9391 2%, #FCB191 98%);

 

HEX #FCB191 zu HEX #FCAF91


CSS-Code:

background-image: linear-gradient(135deg, #FCB191 9%, #FCAF91 99%);

 

HEX #FCB191 zu HEX #FCAF91


CSS-Code:

background-image: radial-gradient(circle, #FCB191 1%, #FCAF91 89%);

 

HEX #FCAF91 zu HEX #FCB191


CSS-Code:

background-image: linear-gradient(135deg, #FCAF91 10%, #FCB191 92%);

 

HEX #FCAF91 zu HEX #FCB191


CSS-Code:

background-image: radial-gradient(circle, #FCAF91 10%, #FCB191 91%);

 

HEX #FCB191 zu HEX #FCCC91


CSS-Code:

background-image: linear-gradient(135deg, #FCB191 5%, #FCCC91 87%);

 

HEX #FCB191 zu HEX #FCCC91


CSS-Code:

background-image: radial-gradient(circle, #FCB191 7%, #FCCC91 91%);

 

HEX #FCCC91 zu HEX #FCB191


CSS-Code:

background-image: linear-gradient(135deg, #FCCC91 2%, #FCB191 91%);

 

HEX #FCCC91 zu HEX #FCB191


CSS-Code:

background-image: radial-gradient(circle, #FCCC91 13%, #FCB191 92%);

 

HEX #FCB191 zu HEX #FCE891


CSS-Code:

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

 

HEX #FCB191 zu HEX #FCE891


CSS-Code:

background-image: radial-gradient(circle, #FCB191 8%, #FCE891 95%);

 

HEX #FCE891 zu HEX #FCB191


CSS-Code:

background-image: linear-gradient(135deg, #FCE891 8%, #FCB191 87%);

 

HEX #FCE891 zu HEX #FCB191


CSS-Code:

background-image: radial-gradient(circle, #FCE891 4%, #FCB191 94%);

Linear

HEX #FCB191 zu HEX #FB9469


CSS-Code:

background-image: linear-gradient(135deg, #FCB191 14%, #FB9469 89%);

Radial

HEX #FCB191 zu HEX #FB9469


CSS-Code:

background-image: radial-gradient(circle, #FCB191 7%, #FB9469 94%);

 

HEX #FB9469 zu HEX #FCB191


CSS-Code:

background-image: linear-gradient(135deg, #FB9469 1%, #FCB191 90%);

 

HEX #FB9469 zu HEX #FCB191


CSS-Code:

background-image: radial-gradient(circle, #FB9469 3%, #FCB191 91%);

 

HEX #FCB191 zu HEX #FDCDB9


CSS-Code:

background-image: linear-gradient(135deg, #FCB191 10%, #FDCDB9 91%);

 

HEX #FCB191 zu HEX #FDCDB9


CSS-Code:

background-image: radial-gradient(circle, #FCB191 6%, #FDCDB9 98%);

 

HEX #FDCDB9 zu HEX #FCB191


CSS-Code:

background-image: linear-gradient(135deg, #FDCDB9 8%, #FCB191 95%);

 

HEX #FDCDB9 zu HEX #FCB191


CSS-Code:

background-image: radial-gradient(circle, #FDCDB9 3%, #FCB191 97%);

 

HEX #FCB191 zu HEX #FEEAE2


CSS-Code:

background-image: linear-gradient(135deg, #FCB191 11%, #FEEAE2 100%);

 

HEX #FCB191 zu HEX #FEEAE2


CSS-Code:

background-image: radial-gradient(circle, #FCB191 4%, #FEEAE2 95%);

 

HEX #FEEAE2 zu HEX #FCB191


CSS-Code:

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

 

HEX #FEEAE2 zu HEX #FCB191


CSS-Code:

background-image: radial-gradient(circle, #FEEAE2 1%, #FCB191 99%);

Linear

HEX #FCB191 zu HEX #FC9391


CSS-Code:

background-image: linear-gradient(135deg, #FCB191 10%, #FC9391 90%);

Radial

HEX #FCB191 zu HEX #FC9391


CSS-Code:

background-image: radial-gradient(circle, #FCB191 12%, #FC9391 100%);

 

HEX #FC9391 zu HEX #FCB191


CSS-Code:

background-image: linear-gradient(135deg, #FC9391 9%, #FCB191 92%);

 

HEX #FC9391 zu HEX #FCB191


CSS-Code:

background-image: radial-gradient(circle, #FC9391 4%, #FCB191 90%);

 

HEX #FCB191 zu HEX #FCAF91


CSS-Code:

background-image: linear-gradient(135deg, #FCB191 5%, #FCAF91 87%);

 

HEX #FCB191 zu HEX #FCAF91


CSS-Code:

background-image: radial-gradient(circle, #FCB191 7%, #FCAF91 97%);

 

HEX #FCAF91 zu HEX #FCB191


CSS-Code:

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

 

HEX #FCAF91 zu HEX #FCB191


CSS-Code:

background-image: radial-gradient(circle, #FCAF91 13%, #FCB191 97%);

 

HEX #FCB191 zu HEX #FCCC91


CSS-Code:

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

 

HEX #FCB191 zu HEX #FCCC91


CSS-Code:

background-image: radial-gradient(circle, #FCB191 4%, #FCCC91 88%);

 

HEX #FCCC91 zu HEX #FCB191


CSS-Code:

background-image: linear-gradient(135deg, #FCCC91 4%, #FCB191 91%);

 

HEX #FCCC91 zu HEX #FCB191


CSS-Code:

background-image: radial-gradient(circle, #FCCC91 4%, #FCB191 99%);

 

HEX #FCB191 zu HEX #FCE891


CSS-Code:

background-image: linear-gradient(135deg, #FCB191 12%, #FCE891 97%);

 

HEX #FCB191 zu HEX #FCE891


CSS-Code:

background-image: radial-gradient(circle, #FCB191 2%, #FCE891 100%);

 

HEX #FCE891 zu HEX #FCB191


CSS-Code:

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

 

HEX #FCE891 zu HEX #FCB191


CSS-Code:

background-image: radial-gradient(circle, #FCE891 9%, #FCB191 89%);

Linear

HEX #FCB191 zu HEX #FB9469


CSS-Code:

background-image: linear-gradient(135deg, #FCB191 4%, #FB9469 94%);

Radial

HEX #FCB191 zu HEX #FB9469


CSS-Code:

background-image: radial-gradient(circle, #FCB191 10%, #FB9469 97%);

 

HEX #FB9469 zu HEX #FCB191


CSS-Code:

background-image: linear-gradient(135deg, #FB9469 10%, #FCB191 89%);

 

HEX #FB9469 zu HEX #FCB191


CSS-Code:

background-image: radial-gradient(circle, #FB9469 8%, #FCB191 91%);

 

HEX #FCB191 zu HEX #FDCDB9


CSS-Code:

background-image: linear-gradient(135deg, #FCB191 9%, #FDCDB9 89%);

 

HEX #FCB191 zu HEX #FDCDB9


CSS-Code:

background-image: radial-gradient(circle, #FCB191 9%, #FDCDB9 100%);

 

HEX #FDCDB9 zu HEX #FCB191


CSS-Code:

background-image: linear-gradient(135deg, #FDCDB9 8%, #FCB191 96%);

 

HEX #FDCDB9 zu HEX #FCB191


CSS-Code:

background-image: radial-gradient(circle, #FDCDB9 6%, #FCB191 86%);

 

HEX #FCB191 zu HEX #FEEAE2


CSS-Code:

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

 

HEX #FCB191 zu HEX #FEEAE2


CSS-Code:

background-image: radial-gradient(circle, #FCB191 0%, #FEEAE2 88%);

 

HEX #FEEAE2 zu HEX #FCB191


CSS-Code:

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

 

HEX #FEEAE2 zu HEX #FCB191


CSS-Code:

background-image: radial-gradient(circle, #FEEAE2 3%, #FCB191 91%);

Linear

HEX #FCB191 zu HEX #C8FC91


CSS-Code:

background-image: linear-gradient(135deg, #FCB191 3%, #C8FC91 97%);

Radial

HEX #FCB191 zu HEX #C8FC91


CSS-Code:

background-image: radial-gradient(circle, #FCB191 1%, #C8FC91 88%);

 

HEX #C8FC91 zu HEX #FCB191


CSS-Code:

background-image: linear-gradient(135deg, #C8FC91 2%, #FCB191 96%);

 

HEX #C8FC91 zu HEX #FCB191


CSS-Code:

background-image: radial-gradient(circle, #C8FC91 12%, #FCB191 91%);

 

HEX #FCB191 zu HEX #919EFC


CSS-Code:

background-image: linear-gradient(135deg, #FCB191 10%, #919EFC 88%);

 

HEX #FCB191 zu HEX #919EFC


CSS-Code:

background-image: radial-gradient(circle, #FCB191 8%, #919EFC 90%);

 

HEX #919EFC zu HEX #FCB191


CSS-Code:

background-image: linear-gradient(135deg, #919EFC 5%, #FCB191 97%);

 

HEX #919EFC zu HEX #FCB191


CSS-Code:

background-image: radial-gradient(circle, #919EFC 0%, #FCB191 94%);

Linear

HEX #FCB191 zu HEX #91FCAF


CSS-Code:

background-image: linear-gradient(135deg, #FCB191 0%, #91FCAF 96%);

Radial

HEX #FCB191 zu HEX #91FCAF


CSS-Code:

background-image: radial-gradient(circle, #FCB191 4%, #91FCAF 87%);

 

HEX #91FCAF zu HEX #FCB191


CSS-Code:

background-image: linear-gradient(135deg, #91FCAF 10%, #FCB191 94%);

 

HEX #91FCAF zu HEX #FCB191


CSS-Code:

background-image: radial-gradient(circle, #91FCAF 1%, #FCB191 91%);

 

HEX #FCB191 zu HEX #AF91FC


CSS-Code:

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

 

HEX #FCB191 zu HEX #AF91FC


CSS-Code:

background-image: radial-gradient(circle, #FCB191 5%, #AF91FC 96%);

 

HEX #AF91FC zu HEX #FCB191


CSS-Code:

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

 

HEX #AF91FC zu HEX #FCB191


CSS-Code:

background-image: radial-gradient(circle, #AF91FC 3%, #FCB191 87%);

Linear

HEX #FCB191 zu HEX #C8FC91


CSS-Code:

background-image: linear-gradient(135deg, #FCB191 14%, #C8FC91 90%);

Radial

HEX #FCB191 zu HEX #C8FC91


CSS-Code:

background-image: radial-gradient(circle, #FCB191 4%, #C8FC91 92%);

 

HEX #C8FC91 zu HEX #FCB191


CSS-Code:

background-image: linear-gradient(135deg, #C8FC91 8%, #FCB191 86%);

 

HEX #C8FC91 zu HEX #FCB191


CSS-Code:

background-image: radial-gradient(circle, #C8FC91 4%, #FCB191 91%);

 

HEX #FCB191 zu HEX #91DDFC


CSS-Code:

background-image: linear-gradient(135deg, #FCB191 12%, #91DDFC 93%);

 

HEX #FCB191 zu HEX #91DDFC


CSS-Code:

background-image: radial-gradient(circle, #FCB191 6%, #91DDFC 90%);

 

HEX #91DDFC zu HEX #FCB191


CSS-Code:

background-image: linear-gradient(135deg, #91DDFC 2%, #FCB191 86%);

 

HEX #91DDFC zu HEX #FCB191


CSS-Code:

background-image: radial-gradient(circle, #91DDFC 3%, #FCB191 89%);

 

HEX #FCB191 zu HEX #C591FC


CSS-Code:

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

 

HEX #FCB191 zu HEX #C591FC


CSS-Code:

background-image: radial-gradient(circle, #FCB191 9%, #C591FC 90%);

 

HEX #C591FC zu HEX #FCB191


CSS-Code:

background-image: linear-gradient(135deg, #C591FC 4%, #FCB191 94%);

 

HEX #C591FC zu HEX #FCB191


CSS-Code:

background-image: radial-gradient(circle, #C591FC 10%, #FCB191 99%);

Linear

HEX #FCB191 zu HEX #A8FC91


CSS-Code:

background-image: linear-gradient(135deg, #FCB191 14%, #A8FC91 94%);

Radial

HEX #FCB191 zu HEX #A8FC91


CSS-Code:

background-image: radial-gradient(circle, #FCB191 7%, #A8FC91 94%);

 

HEX #A8FC91 zu HEX #FCB191


CSS-Code:

background-image: linear-gradient(135deg, #A8FC91 10%, #FCB191 87%);

 

HEX #A8FC91 zu HEX #FCB191


CSS-Code:

background-image: radial-gradient(circle, #A8FC91 6%, #FCB191 95%);

 

HEX #FCB191 zu HEX #91DDFC


CSS-Code:

background-image: linear-gradient(135deg, #FCB191 5%, #91DDFC 90%);

 

HEX #FCB191 zu HEX #91DDFC


CSS-Code:

background-image: radial-gradient(circle, #FCB191 1%, #91DDFC 94%);

 

HEX #91DDFC zu HEX #FCB191


CSS-Code:

background-image: linear-gradient(135deg, #91DDFC 1%, #FCB191 97%);

 

HEX #91DDFC zu HEX #FCB191


CSS-Code:

background-image: radial-gradient(circle, #91DDFC 0%, #FCB191 98%);

 

HEX #FCB191 zu HEX #E591FC


CSS-Code:

background-image: linear-gradient(135deg, #FCB191 7%, #E591FC 89%);

 

HEX #FCB191 zu HEX #E591FC


CSS-Code:

background-image: radial-gradient(circle, #FCB191 9%, #E591FC 87%);

 

HEX #E591FC zu HEX #FCB191


CSS-Code:

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

 

HEX #E591FC zu HEX #FCB191


CSS-Code:

background-image: radial-gradient(circle, #E591FC 7%, #FCB191 87%);

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