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

CSS Gradienten:
#BDC3CD

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



Marken

Diese Farbe wird von mindestens einer Firma verwendet. Hier siehst du welche:

93% - MoveCo
Link: http://webdesign-finder.com

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #BDC3CD zu HEX #423C32


CSS-Code:

background-image: linear-gradient(135deg, #BDC3CD 5%, #423C32 87%);

Radial

HEX #BDC3CD zu HEX #423C32


CSS-Code:

background-image: radial-gradient(circle, #BDC3CD 10%, #423C32 90%);

 

HEX #423C32 zu HEX #BDC3CD


CSS-Code:

background-image: linear-gradient(135deg, #423C32 6%, #BDC3CD 93%);

 

HEX #423C32 zu HEX #BDC3CD


CSS-Code:

background-image: radial-gradient(circle, #423C32 1%, #BDC3CD 97%);

Linear

HEX #BDC3CD zu HEX #D3D5DB


CSS-Code:

background-image: linear-gradient(135deg, #BDC3CD 9%, #D3D5DB 87%);

Radial

HEX #BDC3CD zu HEX #D3D5DB


CSS-Code:

background-image: radial-gradient(circle, #BDC3CD 2%, #D3D5DB 94%);

 

HEX #D3D5DB zu HEX #BDC3CD


CSS-Code:

background-image: linear-gradient(135deg, #D3D5DB 0%, #BDC3CD 96%);

 

HEX #D3D5DB zu HEX #BDC3CD


CSS-Code:

background-image: radial-gradient(circle, #D3D5DB 8%, #BDC3CD 88%);

 

HEX #BDC3CD zu HEX #E4E7EE


CSS-Code:

background-image: linear-gradient(135deg, #BDC3CD 2%, #E4E7EE 98%);

 

HEX #BDC3CD zu HEX #E4E7EE


CSS-Code:

background-image: radial-gradient(circle, #BDC3CD 8%, #E4E7EE 91%);

 

HEX #E4E7EE zu HEX #BDC3CD


CSS-Code:

background-image: linear-gradient(135deg, #E4E7EE 9%, #BDC3CD 98%);

 

HEX #E4E7EE zu HEX #BDC3CD


CSS-Code:

background-image: radial-gradient(circle, #E4E7EE 4%, #BDC3CD 91%);

 

HEX #BDC3CD zu HEX #F5F9FF


CSS-Code:

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

 

HEX #BDC3CD zu HEX #F5F9FF


CSS-Code:

background-image: radial-gradient(circle, #BDC3CD 1%, #F5F9FF 86%);

 

HEX #F5F9FF zu HEX #BDC3CD


CSS-Code:

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

 

HEX #F5F9FF zu HEX #BDC3CD


CSS-Code:

background-image: radial-gradient(circle, #F5F9FF 5%, #BDC3CD 88%);

Linear

HEX #BDC3CD zu HEX #ACB1BA


CSS-Code:

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

Radial

HEX #BDC3CD zu HEX #ACB1BA


CSS-Code:

background-image: radial-gradient(circle, #BDC3CD 9%, #ACB1BA 87%);

 

HEX #ACB1BA zu HEX #BDC3CD


CSS-Code:

background-image: linear-gradient(135deg, #ACB1BA 4%, #BDC3CD 87%);

 

HEX #ACB1BA zu HEX #BDC3CD


CSS-Code:

background-image: radial-gradient(circle, #ACB1BA 8%, #BDC3CD 86%);

 

HEX #BDC3CD zu HEX #9B9FA7


CSS-Code:

background-image: linear-gradient(135deg, #BDC3CD 4%, #9B9FA7 90%);

 

HEX #BDC3CD zu HEX #9B9FA7


CSS-Code:

background-image: radial-gradient(circle, #BDC3CD 3%, #9B9FA7 89%);

 

HEX #9B9FA7 zu HEX #BDC3CD


CSS-Code:

background-image: linear-gradient(135deg, #9B9FA7 13%, #BDC3CD 93%);

 

HEX #9B9FA7 zu HEX #BDC3CD


CSS-Code:

background-image: radial-gradient(circle, #9B9FA7 3%, #BDC3CD 96%);

 

HEX #BDC3CD zu HEX #8A8D94


CSS-Code:

background-image: linear-gradient(135deg, #BDC3CD 7%, #8A8D94 93%);

 

HEX #BDC3CD zu HEX #8A8D94


CSS-Code:

background-image: radial-gradient(circle, #BDC3CD 10%, #8A8D94 96%);

 

HEX #8A8D94 zu HEX #BDC3CD


CSS-Code:

background-image: linear-gradient(135deg, #8A8D94 11%, #BDC3CD 95%);

 

HEX #8A8D94 zu HEX #BDC3CD


CSS-Code:

background-image: radial-gradient(circle, #8A8D94 10%, #BDC3CD 97%);

 

HEX #BDC3CD zu HEX #797B81


CSS-Code:

background-image: linear-gradient(135deg, #BDC3CD 8%, #797B81 93%);

 

HEX #BDC3CD zu HEX #797B81


CSS-Code:

background-image: radial-gradient(circle, #BDC3CD 2%, #797B81 99%);

 

HEX #797B81 zu HEX #BDC3CD


CSS-Code:

background-image: linear-gradient(135deg, #797B81 5%, #BDC3CD 100%);

 

HEX #797B81 zu HEX #BDC3CD


CSS-Code:

background-image: radial-gradient(circle, #797B81 11%, #BDC3CD 100%);

Linear

HEX #BDC3CD zu HEX #BCBFCC


CSS-Code:

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

Radial

HEX #BDC3CD zu HEX #BCBFCC


CSS-Code:

background-image: radial-gradient(circle, #BDC3CD 0%, #BCBFCC 98%);

 

HEX #BCBFCC zu HEX #BDC3CD


CSS-Code:

background-image: linear-gradient(135deg, #BCBFCC 13%, #BDC3CD 87%);

 

HEX #BCBFCC zu HEX #BDC3CD


CSS-Code:

background-image: radial-gradient(circle, #BCBFCC 0%, #BDC3CD 89%);

 

HEX #BDC3CD zu HEX #BCBCCC


CSS-Code:

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

 

HEX #BDC3CD zu HEX #BCBCCC


CSS-Code:

background-image: radial-gradient(circle, #BDC3CD 3%, #BCBCCC 91%);

 

HEX #BCBCCC zu HEX #BDC3CD


CSS-Code:

background-image: linear-gradient(135deg, #BCBCCC 11%, #BDC3CD 89%);

 

HEX #BCBCCC zu HEX #BDC3CD


CSS-Code:

background-image: radial-gradient(circle, #BCBCCC 14%, #BDC3CD 96%);

 

HEX #BDC3CD zu HEX #BEBCCC


CSS-Code:

background-image: linear-gradient(135deg, #BDC3CD 12%, #BEBCCC 87%);

 

HEX #BDC3CD zu HEX #BEBCCC


CSS-Code:

background-image: radial-gradient(circle, #BDC3CD 11%, #BEBCCC 98%);

 

HEX #BEBCCC zu HEX #BDC3CD


CSS-Code:

background-image: linear-gradient(135deg, #BEBCCC 13%, #BDC3CD 87%);

 

HEX #BEBCCC zu HEX #BDC3CD


CSS-Code:

background-image: radial-gradient(circle, #BEBCCC 6%, #BDC3CD 88%);

 

HEX #BDC3CD zu HEX #C0BCCC


CSS-Code:

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

 

HEX #BDC3CD zu HEX #C0BCCC


CSS-Code:

background-image: radial-gradient(circle, #BDC3CD 9%, #C0BCCC 88%);

 

HEX #C0BCCC zu HEX #BDC3CD


CSS-Code:

background-image: linear-gradient(135deg, #C0BCCC 7%, #BDC3CD 100%);

 

HEX #C0BCCC zu HEX #BDC3CD


CSS-Code:

background-image: radial-gradient(circle, #C0BCCC 3%, #BDC3CD 91%);

Linear

HEX #BDC3CD zu HEX #010101


CSS-Code:

background-image: linear-gradient(135deg, #BDC3CD 13%, #010101 97%);

Radial

HEX #BDC3CD zu HEX #010101


CSS-Code:

background-image: radial-gradient(circle, #BDC3CD 13%, #010101 96%);

 

HEX #010101 zu HEX #BDC3CD


CSS-Code:

background-image: linear-gradient(135deg, #010101 6%, #BDC3CD 91%);

 

HEX #010101 zu HEX #BDC3CD


CSS-Code:

background-image: radial-gradient(circle, #010101 8%, #BDC3CD 94%);

 

HEX #BDC3CD zu HEX #303134


CSS-Code:

background-image: linear-gradient(135deg, #BDC3CD 3%, #303134 100%);

 

HEX #BDC3CD zu HEX #303134


CSS-Code:

background-image: radial-gradient(circle, #BDC3CD 10%, #303134 89%);

 

HEX #303134 zu HEX #BDC3CD


CSS-Code:

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

 

HEX #303134 zu HEX #BDC3CD


CSS-Code:

background-image: radial-gradient(circle, #303134 4%, #BDC3CD 92%);

 

HEX #BDC3CD zu HEX #5F6267


CSS-Code:

background-image: linear-gradient(135deg, #BDC3CD 6%, #5F6267 96%);

 

HEX #BDC3CD zu HEX #5F6267


CSS-Code:

background-image: radial-gradient(circle, #BDC3CD 6%, #5F6267 86%);

 

HEX #5F6267 zu HEX #BDC3CD


CSS-Code:

background-image: linear-gradient(135deg, #5F6267 5%, #BDC3CD 95%);

 

HEX #5F6267 zu HEX #BDC3CD


CSS-Code:

background-image: radial-gradient(circle, #5F6267 8%, #BDC3CD 87%);

 

HEX #BDC3CD zu HEX #8E929A


CSS-Code:

background-image: linear-gradient(135deg, #BDC3CD 12%, #8E929A 97%);

 

HEX #BDC3CD zu HEX #8E929A


CSS-Code:

background-image: radial-gradient(circle, #BDC3CD 10%, #8E929A 99%);

 

HEX #8E929A zu HEX #BDC3CD


CSS-Code:

background-image: linear-gradient(135deg, #8E929A 1%, #BDC3CD 94%);

 

HEX #8E929A zu HEX #BDC3CD


CSS-Code:

background-image: radial-gradient(circle, #8E929A 13%, #BDC3CD 92%);

Linear

HEX #BDC3CD zu HEX #C9BCCC


CSS-Code:

background-image: linear-gradient(135deg, #BDC3CD 3%, #C9BCCC 91%);

Radial

HEX #BDC3CD zu HEX #C9BCCC


CSS-Code:

background-image: radial-gradient(circle, #BDC3CD 9%, #C9BCCC 87%);

 

HEX #C9BCCC zu HEX #BDC3CD


CSS-Code:

background-image: linear-gradient(135deg, #C9BCCC 2%, #BDC3CD 92%);

 

HEX #C9BCCC zu HEX #BDC3CD


CSS-Code:

background-image: radial-gradient(circle, #C9BCCC 10%, #BDC3CD 88%);

 

HEX #BDC3CD zu HEX #C9CCBC


CSS-Code:

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

 

HEX #BDC3CD zu HEX #C9CCBC


CSS-Code:

background-image: radial-gradient(circle, #BDC3CD 7%, #C9CCBC 88%);

 

HEX #C9CCBC zu HEX #BDC3CD


CSS-Code:

background-image: linear-gradient(135deg, #C9CCBC 3%, #BDC3CD 95%);

 

HEX #C9CCBC zu HEX #BDC3CD


CSS-Code:

background-image: radial-gradient(circle, #C9CCBC 0%, #BDC3CD 98%);

Linear

HEX #BDC3CD zu HEX #CCBCC2


CSS-Code:

background-image: linear-gradient(135deg, #BDC3CD 11%, #CCBCC2 95%);

Radial

HEX #BDC3CD zu HEX #CCBCC2


CSS-Code:

background-image: radial-gradient(circle, #BDC3CD 11%, #CCBCC2 88%);

 

HEX #CCBCC2 zu HEX #BDC3CD


CSS-Code:

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

 

HEX #CCBCC2 zu HEX #BDC3CD


CSS-Code:

background-image: radial-gradient(circle, #CCBCC2 12%, #BDC3CD 91%);

 

HEX #BDC3CD zu HEX #C2CCBC


CSS-Code:

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

 

HEX #BDC3CD zu HEX #C2CCBC


CSS-Code:

background-image: radial-gradient(circle, #BDC3CD 11%, #C2CCBC 99%);

 

HEX #C2CCBC zu HEX #BDC3CD


CSS-Code:

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

 

HEX #C2CCBC zu HEX #BDC3CD


CSS-Code:

background-image: radial-gradient(circle, #C2CCBC 9%, #BDC3CD 100%);

Linear

HEX #BDC3CD zu HEX #C9BCCC


CSS-Code:

background-image: linear-gradient(135deg, #BDC3CD 5%, #C9BCCC 91%);

Radial

HEX #BDC3CD zu HEX #C9BCCC


CSS-Code:

background-image: radial-gradient(circle, #BDC3CD 10%, #C9BCCC 93%);

 

HEX #C9BCCC zu HEX #BDC3CD


CSS-Code:

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

 

HEX #C9BCCC zu HEX #BDC3CD


CSS-Code:

background-image: radial-gradient(circle, #C9BCCC 11%, #BDC3CD 96%);

 

HEX #BDC3CD zu HEX #CCC6BC


CSS-Code:

background-image: linear-gradient(135deg, #BDC3CD 11%, #CCC6BC 88%);

 

HEX #BDC3CD zu HEX #CCC6BC


CSS-Code:

background-image: radial-gradient(circle, #BDC3CD 13%, #CCC6BC 87%);

 

HEX #CCC6BC zu HEX #BDC3CD


CSS-Code:

background-image: linear-gradient(135deg, #CCC6BC 0%, #BDC3CD 89%);

 

HEX #CCC6BC zu HEX #BDC3CD


CSS-Code:

background-image: radial-gradient(circle, #CCC6BC 8%, #BDC3CD 97%);

 

HEX #BDC3CD zu HEX #BFCCBC


CSS-Code:

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

 

HEX #BDC3CD zu HEX #BFCCBC


CSS-Code:

background-image: radial-gradient(circle, #BDC3CD 2%, #BFCCBC 89%);

 

HEX #BFCCBC zu HEX #BDC3CD


CSS-Code:

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

 

HEX #BFCCBC zu HEX #BDC3CD


CSS-Code:

background-image: radial-gradient(circle, #BFCCBC 10%, #BDC3CD 88%);

Linear

HEX #BDC3CD zu HEX #CCBCCA


CSS-Code:

background-image: linear-gradient(135deg, #BDC3CD 11%, #CCBCCA 95%);

Radial

HEX #BDC3CD zu HEX #CCBCCA


CSS-Code:

background-image: radial-gradient(circle, #BDC3CD 10%, #CCBCCA 88%);

 

HEX #CCBCCA zu HEX #BDC3CD


CSS-Code:

background-image: linear-gradient(135deg, #CCBCCA 10%, #BDC3CD 97%);

 

HEX #CCBCCA zu HEX #BDC3CD


CSS-Code:

background-image: radial-gradient(circle, #CCBCCA 8%, #BDC3CD 99%);

 

HEX #BDC3CD zu HEX #CCC6BC


CSS-Code:

background-image: linear-gradient(135deg, #BDC3CD 3%, #CCC6BC 89%);

 

HEX #BDC3CD zu HEX #CCC6BC


CSS-Code:

background-image: radial-gradient(circle, #BDC3CD 11%, #CCC6BC 96%);

 

HEX #CCC6BC zu HEX #BDC3CD


CSS-Code:

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

 

HEX #CCC6BC zu HEX #BDC3CD


CSS-Code:

background-image: radial-gradient(circle, #CCC6BC 8%, #BDC3CD 89%);

 

HEX #BDC3CD zu HEX #BCCCBE


CSS-Code:

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

 

HEX #BDC3CD zu HEX #BCCCBE


CSS-Code:

background-image: radial-gradient(circle, #BDC3CD 5%, #BCCCBE 87%);

 

HEX #BCCCBE zu HEX #BDC3CD


CSS-Code:

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

 

HEX #BCCCBE zu HEX #BDC3CD


CSS-Code:

background-image: radial-gradient(circle, #BCCCBE 0%, #BDC3CD 96%);

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.