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

✕

CSS Gradienten:
CMYK 0 / 9 / 0 / 12

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

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #E0CCE0 zu HEX #1F331F


CSS-Code:

background-image: linear-gradient(135deg, #E0CCE0 1%, #1F331F 97%);

Radial

HEX #E0CCE0 zu HEX #1F331F


CSS-Code:

background-image: radial-gradient(circle, #E0CCE0 14%, #1F331F 94%);

 

HEX #1F331F zu HEX #E0CCE0


CSS-Code:

background-image: linear-gradient(135deg, #1F331F 5%, #E0CCE0 97%);

 

HEX #1F331F zu HEX #E0CCE0


CSS-Code:

background-image: radial-gradient(circle, #1F331F 3%, #E0CCE0 87%);

Linear

HEX #E0CCE0 zu HEX #F6DEEE


CSS-Code:

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

Radial

HEX #E0CCE0 zu HEX #F6DEEE


CSS-Code:

background-image: radial-gradient(circle, #E0CCE0 11%, #F6DEEE 98%);

 

HEX #F6DEEE zu HEX #E0CCE0


CSS-Code:

background-image: linear-gradient(135deg, #F6DEEE 10%, #E0CCE0 98%);

 

HEX #F6DEEE zu HEX #E0CCE0


CSS-Code:

background-image: radial-gradient(circle, #F6DEEE 13%, #E0CCE0 91%);

 

HEX #E0CCE0 zu HEX #FFF0FF


CSS-Code:

background-image: linear-gradient(135deg, #E0CCE0 8%, #FFF0FF 98%);

 

HEX #E0CCE0 zu HEX #FFF0FF


CSS-Code:

background-image: radial-gradient(circle, #E0CCE0 9%, #FFF0FF 86%);

 

HEX #FFF0FF zu HEX #E0CCE0


CSS-Code:

background-image: linear-gradient(135deg, #FFF0FF 8%, #E0CCE0 94%);

 

HEX #FFF0FF zu HEX #E0CCE0


CSS-Code:

background-image: radial-gradient(circle, #FFF0FF 2%, #E0CCE0 89%);

Linear

HEX #E0CCE0 zu HEX #CFBACD


CSS-Code:

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

Radial

HEX #E0CCE0 zu HEX #CFBACD


CSS-Code:

background-image: radial-gradient(circle, #E0CCE0 6%, #CFBACD 90%);

 

HEX #CFBACD zu HEX #E0CCE0


CSS-Code:

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

 

HEX #CFBACD zu HEX #E0CCE0


CSS-Code:

background-image: radial-gradient(circle, #CFBACD 1%, #E0CCE0 97%);

 

HEX #E0CCE0 zu HEX #BEA8BA


CSS-Code:

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

 

HEX #E0CCE0 zu HEX #BEA8BA


CSS-Code:

background-image: radial-gradient(circle, #E0CCE0 2%, #BEA8BA 90%);

 

HEX #BEA8BA zu HEX #E0CCE0


CSS-Code:

background-image: linear-gradient(135deg, #BEA8BA 4%, #E0CCE0 95%);

 

HEX #BEA8BA zu HEX #E0CCE0


CSS-Code:

background-image: radial-gradient(circle, #BEA8BA 3%, #E0CCE0 92%);

 

HEX #E0CCE0 zu HEX #AD96A7


CSS-Code:

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

 

HEX #E0CCE0 zu HEX #AD96A7


CSS-Code:

background-image: radial-gradient(circle, #E0CCE0 13%, #AD96A7 95%);

 

HEX #AD96A7 zu HEX #E0CCE0


CSS-Code:

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

 

HEX #AD96A7 zu HEX #E0CCE0


CSS-Code:

background-image: radial-gradient(circle, #AD96A7 7%, #E0CCE0 87%);

 

HEX #E0CCE0 zu HEX #9C8494


CSS-Code:

background-image: linear-gradient(135deg, #E0CCE0 13%, #9C8494 88%);

 

HEX #E0CCE0 zu HEX #9C8494


CSS-Code:

background-image: radial-gradient(circle, #E0CCE0 7%, #9C8494 86%);

 

HEX #9C8494 zu HEX #E0CCE0


CSS-Code:

background-image: linear-gradient(135deg, #9C8494 8%, #E0CCE0 86%);

 

HEX #9C8494 zu HEX #E0CCE0


CSS-Code:

background-image: radial-gradient(circle, #9C8494 0%, #E0CCE0 94%);

Linear

HEX #E0CCE0 zu HEX #DFCCDC


CSS-Code:

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

Radial

HEX #E0CCE0 zu HEX #DFCCDC


CSS-Code:

background-image: radial-gradient(circle, #E0CCE0 13%, #DFCCDC 89%);

 

HEX #DFCCDC zu HEX #E0CCE0


CSS-Code:

background-image: linear-gradient(135deg, #DFCCDC 6%, #E0CCE0 92%);

 

HEX #DFCCDC zu HEX #E0CCE0


CSS-Code:

background-image: radial-gradient(circle, #DFCCDC 6%, #E0CCE0 96%);

 

HEX #E0CCE0 zu HEX #DFCCD9


CSS-Code:

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

 

HEX #E0CCE0 zu HEX #DFCCD9


CSS-Code:

background-image: radial-gradient(circle, #E0CCE0 9%, #DFCCD9 94%);

 

HEX #DFCCD9 zu HEX #E0CCE0


CSS-Code:

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

 

HEX #DFCCD9 zu HEX #E0CCE0


CSS-Code:

background-image: radial-gradient(circle, #DFCCD9 0%, #E0CCE0 94%);

 

HEX #E0CCE0 zu HEX #DFCCD6


CSS-Code:

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

 

HEX #E0CCE0 zu HEX #DFCCD6


CSS-Code:

background-image: radial-gradient(circle, #E0CCE0 2%, #DFCCD6 99%);

 

HEX #DFCCD6 zu HEX #E0CCE0


CSS-Code:

background-image: linear-gradient(135deg, #DFCCD6 6%, #E0CCE0 99%);

 

HEX #DFCCD6 zu HEX #E0CCE0


CSS-Code:

background-image: radial-gradient(circle, #DFCCD6 12%, #E0CCE0 93%);

 

HEX #E0CCE0 zu HEX #DFCCD2


CSS-Code:

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

 

HEX #E0CCE0 zu HEX #DFCCD2


CSS-Code:

background-image: radial-gradient(circle, #E0CCE0 12%, #DFCCD2 95%);

 

HEX #DFCCD2 zu HEX #E0CCE0


CSS-Code:

background-image: linear-gradient(135deg, #DFCCD2 10%, #E0CCE0 95%);

 

HEX #DFCCD2 zu HEX #E0CCE0


CSS-Code:

background-image: radial-gradient(circle, #DFCCD2 5%, #E0CCE0 86%);

Linear

HEX #E0CCE0 zu HEX #141214


CSS-Code:

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

Radial

HEX #E0CCE0 zu HEX #141214


CSS-Code:

background-image: radial-gradient(circle, #E0CCE0 12%, #141214 88%);

 

HEX #141214 zu HEX #E0CCE0


CSS-Code:

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

 

HEX #141214 zu HEX #E0CCE0


CSS-Code:

background-image: radial-gradient(circle, #141214 11%, #E0CCE0 100%);

 

HEX #E0CCE0 zu HEX #474147


CSS-Code:

background-image: linear-gradient(135deg, #E0CCE0 14%, #474147 96%);

 

HEX #E0CCE0 zu HEX #474147


CSS-Code:

background-image: radial-gradient(circle, #E0CCE0 13%, #474147 92%);

 

HEX #474147 zu HEX #E0CCE0


CSS-Code:

background-image: linear-gradient(135deg, #474147 13%, #E0CCE0 90%);

 

HEX #474147 zu HEX #E0CCE0


CSS-Code:

background-image: radial-gradient(circle, #474147 2%, #E0CCE0 93%);

 

HEX #E0CCE0 zu HEX #7A6F7A


CSS-Code:

background-image: linear-gradient(135deg, #E0CCE0 8%, #7A6F7A 92%);

 

HEX #E0CCE0 zu HEX #7A6F7A


CSS-Code:

background-image: radial-gradient(circle, #E0CCE0 6%, #7A6F7A 95%);

 

HEX #7A6F7A zu HEX #E0CCE0


CSS-Code:

background-image: linear-gradient(135deg, #7A6F7A 14%, #E0CCE0 97%);

 

HEX #7A6F7A zu HEX #E0CCE0


CSS-Code:

background-image: radial-gradient(circle, #7A6F7A 14%, #E0CCE0 100%);

 

HEX #E0CCE0 zu HEX #AD9EAD


CSS-Code:

background-image: linear-gradient(135deg, #E0CCE0 5%, #AD9EAD 98%);

 

HEX #E0CCE0 zu HEX #AD9EAD


CSS-Code:

background-image: radial-gradient(circle, #E0CCE0 0%, #AD9EAD 95%);

 

HEX #AD9EAD zu HEX #E0CCE0


CSS-Code:

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

 

HEX #AD9EAD zu HEX #E0CCE0


CSS-Code:

background-image: radial-gradient(circle, #AD9EAD 12%, #E0CCE0 100%);

Linear

HEX #E0CCE0 zu HEX #DFD0CC


CSS-Code:

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

Radial

HEX #E0CCE0 zu HEX #DFD0CC


CSS-Code:

background-image: radial-gradient(circle, #E0CCE0 6%, #DFD0CC 92%);

 

HEX #DFD0CC zu HEX #E0CCE0


CSS-Code:

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

 

HEX #DFD0CC zu HEX #E0CCE0


CSS-Code:

background-image: radial-gradient(circle, #DFD0CC 5%, #E0CCE0 86%);

 

HEX #E0CCE0 zu HEX #CCDFD8


CSS-Code:

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

 

HEX #E0CCE0 zu HEX #CCDFD8


CSS-Code:

background-image: radial-gradient(circle, #E0CCE0 6%, #CCDFD8 100%);

 

HEX #CCDFD8 zu HEX #E0CCE0


CSS-Code:

background-image: linear-gradient(135deg, #CCDFD8 6%, #E0CCE0 95%);

 

HEX #CCDFD8 zu HEX #E0CCE0


CSS-Code:

background-image: radial-gradient(circle, #CCDFD8 8%, #E0CCE0 92%);

Linear

HEX #E0CCE0 zu HEX #DFDFCC


CSS-Code:

background-image: linear-gradient(135deg, #E0CCE0 5%, #DFDFCC 94%);

Radial

HEX #E0CCE0 zu HEX #DFDFCC


CSS-Code:

background-image: radial-gradient(circle, #E0CCE0 13%, #DFDFCC 87%);

 

HEX #DFDFCC zu HEX #E0CCE0


CSS-Code:

background-image: linear-gradient(135deg, #DFDFCC 1%, #E0CCE0 98%);

 

HEX #DFDFCC zu HEX #E0CCE0


CSS-Code:

background-image: radial-gradient(circle, #DFDFCC 8%, #E0CCE0 99%);

 

HEX #E0CCE0 zu HEX #CCDFDF


CSS-Code:

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

 

HEX #E0CCE0 zu HEX #CCDFDF


CSS-Code:

background-image: radial-gradient(circle, #E0CCE0 2%, #CCDFDF 90%);

 

HEX #CCDFDF zu HEX #E0CCE0


CSS-Code:

background-image: linear-gradient(135deg, #CCDFDF 6%, #E0CCE0 97%);

 

HEX #CCDFDF zu HEX #E0CCE0


CSS-Code:

background-image: radial-gradient(circle, #CCDFDF 6%, #E0CCE0 96%);

Linear

HEX #E0CCE0 zu HEX #DFD0CC


CSS-Code:

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

Radial

HEX #E0CCE0 zu HEX #DFD0CC


CSS-Code:

background-image: radial-gradient(circle, #E0CCE0 4%, #DFD0CC 87%);

 

HEX #DFD0CC zu HEX #E0CCE0


CSS-Code:

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

 

HEX #DFD0CC zu HEX #E0CCE0


CSS-Code:

background-image: radial-gradient(circle, #DFD0CC 9%, #E0CCE0 99%);

 

HEX #E0CCE0 zu HEX #CCDFCC


CSS-Code:

background-image: linear-gradient(135deg, #E0CCE0 1%, #CCDFCC 98%);

 

HEX #E0CCE0 zu HEX #CCDFCC


CSS-Code:

background-image: radial-gradient(circle, #E0CCE0 11%, #CCDFCC 100%);

 

HEX #CCDFCC zu HEX #E0CCE0


CSS-Code:

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

 

HEX #CCDFCC zu HEX #E0CCE0


CSS-Code:

background-image: radial-gradient(circle, #CCDFCC 9%, #E0CCE0 87%);

 

HEX #E0CCE0 zu HEX #CCDCDF


CSS-Code:

background-image: linear-gradient(135deg, #E0CCE0 4%, #CCDCDF 98%);

 

HEX #E0CCE0 zu HEX #CCDCDF


CSS-Code:

background-image: radial-gradient(circle, #E0CCE0 2%, #CCDCDF 99%);

 

HEX #CCDCDF zu HEX #E0CCE0


CSS-Code:

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

 

HEX #CCDCDF zu HEX #E0CCE0


CSS-Code:

background-image: radial-gradient(circle, #CCDCDF 4%, #E0CCE0 91%);

Linear

HEX #E0CCE0 zu HEX #DFD6CC


CSS-Code:

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

Radial

HEX #E0CCE0 zu HEX #DFD6CC


CSS-Code:

background-image: radial-gradient(circle, #E0CCE0 4%, #DFD6CC 99%);

 

HEX #DFD6CC zu HEX #E0CCE0


CSS-Code:

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

 

HEX #DFD6CC zu HEX #E0CCE0


CSS-Code:

background-image: radial-gradient(circle, #DFD6CC 2%, #E0CCE0 92%);

 

HEX #E0CCE0 zu HEX #CCDFCC


CSS-Code:

background-image: linear-gradient(135deg, #E0CCE0 8%, #CCDFCC 89%);

 

HEX #E0CCE0 zu HEX #CCDFCC


CSS-Code:

background-image: radial-gradient(circle, #E0CCE0 11%, #CCDFCC 97%);

 

HEX #CCDFCC zu HEX #E0CCE0


CSS-Code:

background-image: linear-gradient(135deg, #CCDFCC 1%, #E0CCE0 98%);

 

HEX #CCDFCC zu HEX #E0CCE0


CSS-Code:

background-image: radial-gradient(circle, #CCDFCC 0%, #E0CCE0 93%);

 

HEX #E0CCE0 zu HEX #CCD6DF


CSS-Code:

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

 

HEX #E0CCE0 zu HEX #CCD6DF


CSS-Code:

background-image: radial-gradient(circle, #E0CCE0 12%, #CCD6DF 98%);

 

HEX #CCD6DF zu HEX #E0CCE0


CSS-Code:

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

 

HEX #CCD6DF zu HEX #E0CCE0


CSS-Code:

background-image: radial-gradient(circle, #CCD6DF 8%, #E0CCE0 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

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
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 RGBA

umrechnen von CMYK cyan / magenta / gelb / key zu RGBA rot grün blau transparenz
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 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
nsc-logo

NCS® in RGB

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

NCS® in RGBA

umrechnen von NCS-Nummer (S0000-X00X) zu RGBA rot grün blau transparenz
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)

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-2024 in cooperation ND-DESIGN.WORKS & frag-bobby.de