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

CSS Gradienten:
CMYK 0 / 2 / 9 / 20

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

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #CCC8BA zu HEX #333745


CSS-Code:

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

Radial

HEX #CCC8BA zu HEX #333745


CSS-Code:

background-image: radial-gradient(circle, #CCC8BA 8%, #333745 87%);

 

HEX #333745 zu HEX #CCC8BA


CSS-Code:

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

 

HEX #333745 zu HEX #CCC8BA


CSS-Code:

background-image: radial-gradient(circle, #333745 3%, #CCC8BA 91%);

Linear

HEX #CCC8BA zu HEX #E2DAC8


CSS-Code:

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

Radial

HEX #CCC8BA zu HEX #E2DAC8


CSS-Code:

background-image: radial-gradient(circle, #CCC8BA 7%, #E2DAC8 88%);

 

HEX #E2DAC8 zu HEX #CCC8BA


CSS-Code:

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

 

HEX #E2DAC8 zu HEX #CCC8BA


CSS-Code:

background-image: radial-gradient(circle, #E2DAC8 4%, #CCC8BA 92%);

 

HEX #CCC8BA zu HEX #F3ECDB


CSS-Code:

background-image: linear-gradient(135deg, #CCC8BA 4%, #F3ECDB 96%);

 

HEX #CCC8BA zu HEX #F3ECDB


CSS-Code:

background-image: radial-gradient(circle, #CCC8BA 3%, #F3ECDB 95%);

 

HEX #F3ECDB zu HEX #CCC8BA


CSS-Code:

background-image: linear-gradient(135deg, #F3ECDB 8%, #CCC8BA 91%);

 

HEX #F3ECDB zu HEX #CCC8BA


CSS-Code:

background-image: radial-gradient(circle, #F3ECDB 11%, #CCC8BA 99%);

 

HEX #CCC8BA zu HEX #FFFEEE


CSS-Code:

background-image: linear-gradient(135deg, #CCC8BA 14%, #FFFEEE 97%);

 

HEX #CCC8BA zu HEX #FFFEEE


CSS-Code:

background-image: radial-gradient(circle, #CCC8BA 9%, #FFFEEE 90%);

 

HEX #FFFEEE zu HEX #CCC8BA


CSS-Code:

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

 

HEX #FFFEEE zu HEX #CCC8BA


CSS-Code:

background-image: radial-gradient(circle, #FFFEEE 0%, #CCC8BA 87%);

Linear

HEX #CCC8BA zu HEX #BBB6A7


CSS-Code:

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

Radial

HEX #CCC8BA zu HEX #BBB6A7


CSS-Code:

background-image: radial-gradient(circle, #CCC8BA 14%, #BBB6A7 97%);

 

HEX #BBB6A7 zu HEX #CCC8BA


CSS-Code:

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

 

HEX #BBB6A7 zu HEX #CCC8BA


CSS-Code:

background-image: radial-gradient(circle, #BBB6A7 13%, #CCC8BA 93%);

 

HEX #CCC8BA zu HEX #AAA494


CSS-Code:

background-image: linear-gradient(135deg, #CCC8BA 14%, #AAA494 86%);

 

HEX #CCC8BA zu HEX #AAA494


CSS-Code:

background-image: radial-gradient(circle, #CCC8BA 5%, #AAA494 90%);

 

HEX #AAA494 zu HEX #CCC8BA


CSS-Code:

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

 

HEX #AAA494 zu HEX #CCC8BA


CSS-Code:

background-image: radial-gradient(circle, #AAA494 8%, #CCC8BA 99%);

 

HEX #CCC8BA zu HEX #999281


CSS-Code:

background-image: linear-gradient(135deg, #CCC8BA 2%, #999281 95%);

 

HEX #CCC8BA zu HEX #999281


CSS-Code:

background-image: radial-gradient(circle, #CCC8BA 3%, #999281 97%);

 

HEX #999281 zu HEX #CCC8BA


CSS-Code:

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

 

HEX #999281 zu HEX #CCC8BA


CSS-Code:

background-image: radial-gradient(circle, #999281 12%, #CCC8BA 92%);

 

HEX #CCC8BA zu HEX #88806E


CSS-Code:

background-image: linear-gradient(135deg, #CCC8BA 9%, #88806E 88%);

 

HEX #CCC8BA zu HEX #88806E


CSS-Code:

background-image: radial-gradient(circle, #CCC8BA 8%, #88806E 89%);

 

HEX #88806E zu HEX #CCC8BA


CSS-Code:

background-image: linear-gradient(135deg, #88806E 7%, #CCC8BA 96%);

 

HEX #88806E zu HEX #CCC8BA


CSS-Code:

background-image: radial-gradient(circle, #88806E 12%, #CCC8BA 100%);

Linear

HEX #CCC8BA zu HEX #CAC9B8


CSS-Code:

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

Radial

HEX #CCC8BA zu HEX #CAC9B8


CSS-Code:

background-image: radial-gradient(circle, #CCC8BA 9%, #CAC9B8 90%);

 

HEX #CAC9B8 zu HEX #CCC8BA


CSS-Code:

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

 

HEX #CAC9B8 zu HEX #CCC8BA


CSS-Code:

background-image: radial-gradient(circle, #CAC9B8 13%, #CCC8BA 98%);

 

HEX #CCC8BA zu HEX #C9CAB8


CSS-Code:

background-image: linear-gradient(135deg, #CCC8BA 11%, #C9CAB8 92%);

 

HEX #CCC8BA zu HEX #C9CAB8


CSS-Code:

background-image: radial-gradient(circle, #CCC8BA 13%, #C9CAB8 89%);

 

HEX #C9CAB8 zu HEX #CCC8BA


CSS-Code:

background-image: linear-gradient(135deg, #C9CAB8 4%, #CCC8BA 99%);

 

HEX #C9CAB8 zu HEX #CCC8BA


CSS-Code:

background-image: radial-gradient(circle, #C9CAB8 0%, #CCC8BA 94%);

 

HEX #CCC8BA zu HEX #C6CAB8


CSS-Code:

background-image: linear-gradient(135deg, #CCC8BA 9%, #C6CAB8 91%);

 

HEX #CCC8BA zu HEX #C6CAB8


CSS-Code:

background-image: radial-gradient(circle, #CCC8BA 0%, #C6CAB8 94%);

 

HEX #C6CAB8 zu HEX #CCC8BA


CSS-Code:

background-image: linear-gradient(135deg, #C6CAB8 13%, #CCC8BA 96%);

 

HEX #C6CAB8 zu HEX #CCC8BA


CSS-Code:

background-image: radial-gradient(circle, #C6CAB8 2%, #CCC8BA 100%);

 

HEX #CCC8BA zu HEX #C3CAB8


CSS-Code:

background-image: linear-gradient(135deg, #CCC8BA 11%, #C3CAB8 91%);

 

HEX #CCC8BA zu HEX #C3CAB8


CSS-Code:

background-image: radial-gradient(circle, #CCC8BA 3%, #C3CAB8 90%);

 

HEX #C3CAB8 zu HEX #CCC8BA


CSS-Code:

background-image: linear-gradient(135deg, #C3CAB8 12%, #CCC8BA 90%);

 

HEX #C3CAB8 zu HEX #CCC8BA


CSS-Code:

background-image: radial-gradient(circle, #C3CAB8 6%, #CCC8BA 96%);

Linear

HEX #CCC8BA zu HEX #000000


CSS-Code:

background-image: linear-gradient(135deg, #CCC8BA 6%, #000000 93%);

Radial

HEX #CCC8BA zu HEX #000000


CSS-Code:

background-image: radial-gradient(circle, #CCC8BA 7%, #000000 94%);

 

HEX #000000 zu HEX #CCC8BA


CSS-Code:

background-image: linear-gradient(135deg, #000000 1%, #CCC8BA 94%);

 

HEX #000000 zu HEX #CCC8BA


CSS-Code:

background-image: radial-gradient(circle, #000000 9%, #CCC8BA 90%);

 

HEX #CCC8BA zu HEX #33322F


CSS-Code:

background-image: linear-gradient(135deg, #CCC8BA 12%, #33322F 88%);

 

HEX #CCC8BA zu HEX #33322F


CSS-Code:

background-image: radial-gradient(circle, #CCC8BA 4%, #33322F 96%);

 

HEX #33322F zu HEX #CCC8BA


CSS-Code:

background-image: linear-gradient(135deg, #33322F 13%, #CCC8BA 89%);

 

HEX #33322F zu HEX #CCC8BA


CSS-Code:

background-image: radial-gradient(circle, #33322F 4%, #CCC8BA 89%);

 

HEX #CCC8BA zu HEX #66645D


CSS-Code:

background-image: linear-gradient(135deg, #CCC8BA 8%, #66645D 96%);

 

HEX #CCC8BA zu HEX #66645D


CSS-Code:

background-image: radial-gradient(circle, #CCC8BA 14%, #66645D 95%);

 

HEX #66645D zu HEX #CCC8BA


CSS-Code:

background-image: linear-gradient(135deg, #66645D 3%, #CCC8BA 97%);

 

HEX #66645D zu HEX #CCC8BA


CSS-Code:

background-image: radial-gradient(circle, #66645D 10%, #CCC8BA 89%);

 

HEX #CCC8BA zu HEX #99968C


CSS-Code:

background-image: linear-gradient(135deg, #CCC8BA 5%, #99968C 90%);

 

HEX #CCC8BA zu HEX #99968C


CSS-Code:

background-image: radial-gradient(circle, #CCC8BA 13%, #99968C 92%);

 

HEX #99968C zu HEX #CCC8BA


CSS-Code:

background-image: linear-gradient(135deg, #99968C 8%, #CCC8BA 95%);

 

HEX #99968C zu HEX #CCC8BA


CSS-Code:

background-image: radial-gradient(circle, #99968C 7%, #CCC8BA 87%);

Linear

HEX #CCC8BA zu HEX #B9CAB8


CSS-Code:

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

Radial

HEX #CCC8BA zu HEX #B9CAB8


CSS-Code:

background-image: radial-gradient(circle, #CCC8BA 9%, #B9CAB8 97%);

 

HEX #B9CAB8 zu HEX #CCC8BA


CSS-Code:

background-image: linear-gradient(135deg, #B9CAB8 0%, #CCC8BA 91%);

 

HEX #B9CAB8 zu HEX #CCC8BA


CSS-Code:

background-image: radial-gradient(circle, #B9CAB8 4%, #CCC8BA 94%);

 

HEX #CCC8BA zu HEX #BFB8CA


CSS-Code:

background-image: linear-gradient(135deg, #CCC8BA 8%, #BFB8CA 88%);

 

HEX #CCC8BA zu HEX #BFB8CA


CSS-Code:

background-image: radial-gradient(circle, #CCC8BA 11%, #BFB8CA 86%);

 

HEX #BFB8CA zu HEX #CCC8BA


CSS-Code:

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

 

HEX #BFB8CA zu HEX #CCC8BA


CSS-Code:

background-image: radial-gradient(circle, #BFB8CA 11%, #CCC8BA 90%);

Linear

HEX #CCC8BA zu HEX #B8CAC6


CSS-Code:

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

Radial

HEX #CCC8BA zu HEX #B8CAC6


CSS-Code:

background-image: radial-gradient(circle, #CCC8BA 11%, #B8CAC6 96%);

 

HEX #B8CAC6 zu HEX #CCC8BA


CSS-Code:

background-image: linear-gradient(135deg, #B8CAC6 9%, #CCC8BA 95%);

 

HEX #B8CAC6 zu HEX #CCC8BA


CSS-Code:

background-image: radial-gradient(circle, #B8CAC6 7%, #CCC8BA 93%);

 

HEX #CCC8BA zu HEX #C6B8CA


CSS-Code:

background-image: linear-gradient(135deg, #CCC8BA 13%, #C6B8CA 94%);

 

HEX #CCC8BA zu HEX #C6B8CA


CSS-Code:

background-image: radial-gradient(circle, #CCC8BA 10%, #C6B8CA 100%);

 

HEX #C6B8CA zu HEX #CCC8BA


CSS-Code:

background-image: linear-gradient(135deg, #C6B8CA 2%, #CCC8BA 93%);

 

HEX #C6B8CA zu HEX #CCC8BA


CSS-Code:

background-image: radial-gradient(circle, #C6B8CA 5%, #CCC8BA 96%);

Linear

HEX #CCC8BA zu HEX #B9CAB8


CSS-Code:

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

Radial

HEX #CCC8BA zu HEX #B9CAB8


CSS-Code:

background-image: radial-gradient(circle, #CCC8BA 3%, #B9CAB8 97%);

 

HEX #B9CAB8 zu HEX #CCC8BA


CSS-Code:

background-image: linear-gradient(135deg, #B9CAB8 12%, #CCC8BA 93%);

 

HEX #B9CAB8 zu HEX #CCC8BA


CSS-Code:

background-image: radial-gradient(circle, #B9CAB8 9%, #CCC8BA 99%);

 

HEX #CCC8BA zu HEX #B8BCCA


CSS-Code:

background-image: linear-gradient(135deg, #CCC8BA 3%, #B8BCCA 86%);

 

HEX #CCC8BA zu HEX #B8BCCA


CSS-Code:

background-image: radial-gradient(circle, #CCC8BA 10%, #B8BCCA 93%);

 

HEX #B8BCCA zu HEX #CCC8BA


CSS-Code:

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

 

HEX #B8BCCA zu HEX #CCC8BA


CSS-Code:

background-image: radial-gradient(circle, #B8BCCA 3%, #CCC8BA 87%);

 

HEX #CCC8BA zu HEX #CAB8CA


CSS-Code:

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

 

HEX #CCC8BA zu HEX #CAB8CA


CSS-Code:

background-image: radial-gradient(circle, #CCC8BA 11%, #CAB8CA 90%);

 

HEX #CAB8CA zu HEX #CCC8BA


CSS-Code:

background-image: linear-gradient(135deg, #CAB8CA 13%, #CCC8BA 94%);

 

HEX #CAB8CA zu HEX #CCC8BA


CSS-Code:

background-image: radial-gradient(circle, #CAB8CA 6%, #CCC8BA 100%);

Linear

HEX #CCC8BA zu HEX #B8CABD


CSS-Code:

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

Radial

HEX #CCC8BA zu HEX #B8CABD


CSS-Code:

background-image: radial-gradient(circle, #CCC8BA 14%, #B8CABD 94%);

 

HEX #B8CABD zu HEX #CCC8BA


CSS-Code:

background-image: linear-gradient(135deg, #B8CABD 1%, #CCC8BA 96%);

 

HEX #B8CABD zu HEX #CCC8BA


CSS-Code:

background-image: radial-gradient(circle, #B8CABD 0%, #CCC8BA 97%);

 

HEX #CCC8BA zu HEX #B8BCCA


CSS-Code:

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

 

HEX #CCC8BA zu HEX #B8BCCA


CSS-Code:

background-image: radial-gradient(circle, #CCC8BA 3%, #B8BCCA 91%);

 

HEX #B8BCCA zu HEX #CCC8BA


CSS-Code:

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

 

HEX #B8BCCA zu HEX #CCC8BA


CSS-Code:

background-image: radial-gradient(circle, #B8BCCA 10%, #CCC8BA 89%);

 

HEX #CCC8BA zu HEX #CAB8C6


CSS-Code:

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

 

HEX #CCC8BA zu HEX #CAB8C6


CSS-Code:

background-image: radial-gradient(circle, #CCC8BA 10%, #CAB8C6 91%);

 

HEX #CAB8C6 zu HEX #CCC8BA


CSS-Code:

background-image: linear-gradient(135deg, #CAB8C6 1%, #CCC8BA 86%);

 

HEX #CAB8C6 zu HEX #CCC8BA


CSS-Code:

background-image: radial-gradient(circle, #CAB8C6 9%, #CCC8BA 95%);

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.