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

CSS Gradienten:
CMYK 0 / 0 / 7 / 13

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

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #DEDECE zu HEX #212131


CSS-Code:

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

Radial

HEX #DEDECE zu HEX #212131


CSS-Code:

background-image: radial-gradient(circle, #DEDECE 4%, #212131 90%);

 

HEX #212131 zu HEX #DEDECE


CSS-Code:

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

 

HEX #212131 zu HEX #DEDECE


CSS-Code:

background-image: radial-gradient(circle, #212131 1%, #DEDECE 87%);

Linear

HEX #DEDECE zu HEX #F4F0DC


CSS-Code:

background-image: linear-gradient(135deg, #DEDECE 11%, #F4F0DC 94%);

Radial

HEX #DEDECE zu HEX #F4F0DC


CSS-Code:

background-image: radial-gradient(circle, #DEDECE 8%, #F4F0DC 94%);

 

HEX #F4F0DC zu HEX #DEDECE


CSS-Code:

background-image: linear-gradient(135deg, #F4F0DC 7%, #DEDECE 90%);

 

HEX #F4F0DC zu HEX #DEDECE


CSS-Code:

background-image: radial-gradient(circle, #F4F0DC 0%, #DEDECE 99%);

 

HEX #DEDECE zu HEX #FFFFEF


CSS-Code:

background-image: linear-gradient(135deg, #DEDECE 5%, #FFFFEF 97%);

 

HEX #DEDECE zu HEX #FFFFEF


CSS-Code:

background-image: radial-gradient(circle, #DEDECE 2%, #FFFFEF 90%);

 

HEX #FFFFEF zu HEX #DEDECE


CSS-Code:

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

 

HEX #FFFFEF zu HEX #DEDECE


CSS-Code:

background-image: radial-gradient(circle, #FFFFEF 1%, #DEDECE 91%);

Linear

HEX #DEDECE zu HEX #CDCCBB


CSS-Code:

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

Radial

HEX #DEDECE zu HEX #CDCCBB


CSS-Code:

background-image: radial-gradient(circle, #DEDECE 2%, #CDCCBB 98%);

 

HEX #CDCCBB zu HEX #DEDECE


CSS-Code:

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

 

HEX #CDCCBB zu HEX #DEDECE


CSS-Code:

background-image: radial-gradient(circle, #CDCCBB 4%, #DEDECE 98%);

 

HEX #DEDECE zu HEX #BCBAA8


CSS-Code:

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

 

HEX #DEDECE zu HEX #BCBAA8


CSS-Code:

background-image: radial-gradient(circle, #DEDECE 6%, #BCBAA8 87%);

 

HEX #BCBAA8 zu HEX #DEDECE


CSS-Code:

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

 

HEX #BCBAA8 zu HEX #DEDECE


CSS-Code:

background-image: radial-gradient(circle, #BCBAA8 14%, #DEDECE 94%);

 

HEX #DEDECE zu HEX #ABA895


CSS-Code:

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

 

HEX #DEDECE zu HEX #ABA895


CSS-Code:

background-image: radial-gradient(circle, #DEDECE 7%, #ABA895 94%);

 

HEX #ABA895 zu HEX #DEDECE


CSS-Code:

background-image: linear-gradient(135deg, #ABA895 5%, #DEDECE 88%);

 

HEX #ABA895 zu HEX #DEDECE


CSS-Code:

background-image: radial-gradient(circle, #ABA895 7%, #DEDECE 94%);

 

HEX #DEDECE zu HEX #9A9682


CSS-Code:

background-image: linear-gradient(135deg, #DEDECE 4%, #9A9682 98%);

 

HEX #DEDECE zu HEX #9A9682


CSS-Code:

background-image: radial-gradient(circle, #DEDECE 8%, #9A9682 100%);

 

HEX #9A9682 zu HEX #DEDECE


CSS-Code:

background-image: linear-gradient(135deg, #9A9682 8%, #DEDECE 94%);

 

HEX #9A9682 zu HEX #DEDECE


CSS-Code:

background-image: radial-gradient(circle, #9A9682 9%, #DEDECE 90%);

Linear

HEX #DEDECE zu HEX #DBDECE


CSS-Code:

background-image: linear-gradient(135deg, #DEDECE 13%, #DBDECE 86%);

Radial

HEX #DEDECE zu HEX #DBDECE


CSS-Code:

background-image: radial-gradient(circle, #DEDECE 2%, #DBDECE 99%);

 

HEX #DBDECE zu HEX #DEDECE


CSS-Code:

background-image: linear-gradient(135deg, #DBDECE 14%, #DEDECE 88%);

 

HEX #DBDECE zu HEX #DEDECE


CSS-Code:

background-image: radial-gradient(circle, #DBDECE 6%, #DEDECE 89%);

 

HEX #DEDECE zu HEX #D8DECE


CSS-Code:

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

 

HEX #DEDECE zu HEX #D8DECE


CSS-Code:

background-image: radial-gradient(circle, #DEDECE 2%, #D8DECE 89%);

 

HEX #D8DECE zu HEX #DEDECE


CSS-Code:

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

 

HEX #D8DECE zu HEX #DEDECE


CSS-Code:

background-image: radial-gradient(circle, #D8DECE 12%, #DEDECE 94%);

 

HEX #DEDECE zu HEX #D6DECE


CSS-Code:

background-image: linear-gradient(135deg, #DEDECE 6%, #D6DECE 100%);

 

HEX #DEDECE zu HEX #D6DECE


CSS-Code:

background-image: radial-gradient(circle, #DEDECE 10%, #D6DECE 87%);

 

HEX #D6DECE zu HEX #DEDECE


CSS-Code:

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

 

HEX #D6DECE zu HEX #DEDECE


CSS-Code:

background-image: radial-gradient(circle, #D6DECE 7%, #DEDECE 87%);

 

HEX #DEDECE zu HEX #D3DECE


CSS-Code:

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

 

HEX #DEDECE zu HEX #D3DECE


CSS-Code:

background-image: radial-gradient(circle, #DEDECE 2%, #D3DECE 88%);

 

HEX #D3DECE zu HEX #DEDECE


CSS-Code:

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

 

HEX #D3DECE zu HEX #DEDECE


CSS-Code:

background-image: radial-gradient(circle, #D3DECE 10%, #DEDECE 92%);

Linear

HEX #DEDECE zu HEX #121211


CSS-Code:

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

Radial

HEX #DEDECE zu HEX #121211


CSS-Code:

background-image: radial-gradient(circle, #DEDECE 14%, #121211 92%);

 

HEX #121211 zu HEX #DEDECE


CSS-Code:

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

 

HEX #121211 zu HEX #DEDECE


CSS-Code:

background-image: radial-gradient(circle, #121211 9%, #DEDECE 88%);

 

HEX #DEDECE zu HEX #454540


CSS-Code:

background-image: linear-gradient(135deg, #DEDECE 0%, #454540 87%);

 

HEX #DEDECE zu HEX #454540


CSS-Code:

background-image: radial-gradient(circle, #DEDECE 13%, #454540 88%);

 

HEX #454540 zu HEX #DEDECE


CSS-Code:

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

 

HEX #454540 zu HEX #DEDECE


CSS-Code:

background-image: radial-gradient(circle, #454540 14%, #DEDECE 99%);

 

HEX #DEDECE zu HEX #78786F


CSS-Code:

background-image: linear-gradient(135deg, #DEDECE 9%, #78786F 92%);

 

HEX #DEDECE zu HEX #78786F


CSS-Code:

background-image: radial-gradient(circle, #DEDECE 0%, #78786F 99%);

 

HEX #78786F zu HEX #DEDECE


CSS-Code:

background-image: linear-gradient(135deg, #78786F 13%, #DEDECE 86%);

 

HEX #78786F zu HEX #DEDECE


CSS-Code:

background-image: radial-gradient(circle, #78786F 13%, #DEDECE 92%);

 

HEX #DEDECE zu HEX #ABAB9F


CSS-Code:

background-image: linear-gradient(135deg, #DEDECE 9%, #ABAB9F 100%);

 

HEX #DEDECE zu HEX #ABAB9F


CSS-Code:

background-image: radial-gradient(circle, #DEDECE 11%, #ABAB9F 93%);

 

HEX #ABAB9F zu HEX #DEDECE


CSS-Code:

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

 

HEX #ABAB9F zu HEX #DEDECE


CSS-Code:

background-image: radial-gradient(circle, #ABAB9F 2%, #DEDECE 95%);

Linear

HEX #DEDECE zu HEX #CEDED1


CSS-Code:

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

Radial

HEX #DEDECE zu HEX #CEDED1


CSS-Code:

background-image: radial-gradient(circle, #DEDECE 11%, #CEDED1 86%);

 

HEX #CEDED1 zu HEX #DEDECE


CSS-Code:

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

 

HEX #CEDED1 zu HEX #DEDECE


CSS-Code:

background-image: radial-gradient(circle, #CEDED1 1%, #DEDECE 92%);

 

HEX #DEDECE zu HEX #D7CEDE


CSS-Code:

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

 

HEX #DEDECE zu HEX #D7CEDE


CSS-Code:

background-image: radial-gradient(circle, #DEDECE 11%, #D7CEDE 89%);

 

HEX #D7CEDE zu HEX #DEDECE


CSS-Code:

background-image: linear-gradient(135deg, #D7CEDE 4%, #DEDECE 92%);

 

HEX #D7CEDE zu HEX #DEDECE


CSS-Code:

background-image: radial-gradient(circle, #D7CEDE 11%, #DEDECE 89%);

Linear

HEX #DEDECE zu HEX #CEDEDE


CSS-Code:

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

Radial

HEX #DEDECE zu HEX #CEDEDE


CSS-Code:

background-image: radial-gradient(circle, #DEDECE 9%, #CEDEDE 92%);

 

HEX #CEDEDE zu HEX #DEDECE


CSS-Code:

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

 

HEX #CEDEDE zu HEX #DEDECE


CSS-Code:

background-image: radial-gradient(circle, #CEDEDE 10%, #DEDECE 92%);

 

HEX #DEDECE zu HEX #DECEDE


CSS-Code:

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

 

HEX #DEDECE zu HEX #DECEDE


CSS-Code:

background-image: radial-gradient(circle, #DEDECE 5%, #DECEDE 94%);

 

HEX #DECEDE zu HEX #DEDECE


CSS-Code:

background-image: linear-gradient(135deg, #DECEDE 11%, #DEDECE 98%);

 

HEX #DECEDE zu HEX #DEDECE


CSS-Code:

background-image: radial-gradient(circle, #DECEDE 14%, #DEDECE 99%);

Linear

HEX #DEDECE zu HEX #CEDED1


CSS-Code:

background-image: linear-gradient(135deg, #DEDECE 13%, #CEDED1 99%);

Radial

HEX #DEDECE zu HEX #CEDED1


CSS-Code:

background-image: radial-gradient(circle, #DEDECE 10%, #CEDED1 92%);

 

HEX #CEDED1 zu HEX #DEDECE


CSS-Code:

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

 

HEX #CEDED1 zu HEX #DEDECE


CSS-Code:

background-image: radial-gradient(circle, #CEDED1 9%, #DEDECE 90%);

 

HEX #DEDECE zu HEX #CECEDE


CSS-Code:

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

 

HEX #DEDECE zu HEX #CECEDE


CSS-Code:

background-image: radial-gradient(circle, #DEDECE 8%, #CECEDE 88%);

 

HEX #CECEDE zu HEX #DEDECE


CSS-Code:

background-image: linear-gradient(135deg, #CECEDE 13%, #DEDECE 98%);

 

HEX #CECEDE zu HEX #DEDECE


CSS-Code:

background-image: radial-gradient(circle, #CECEDE 14%, #DEDECE 87%);

 

HEX #DEDECE zu HEX #DECEDB


CSS-Code:

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

 

HEX #DEDECE zu HEX #DECEDB


CSS-Code:

background-image: radial-gradient(circle, #DEDECE 12%, #DECEDB 86%);

 

HEX #DECEDB zu HEX #DEDECE


CSS-Code:

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

 

HEX #DECEDB zu HEX #DEDECE


CSS-Code:

background-image: radial-gradient(circle, #DECEDB 5%, #DEDECE 91%);

Linear

HEX #DEDECE zu HEX #CEDED6


CSS-Code:

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

Radial

HEX #DEDECE zu HEX #CEDED6


CSS-Code:

background-image: radial-gradient(circle, #DEDECE 2%, #CEDED6 87%);

 

HEX #CEDED6 zu HEX #DEDECE


CSS-Code:

background-image: linear-gradient(135deg, #CEDED6 0%, #DEDECE 88%);

 

HEX #CEDED6 zu HEX #DEDECE


CSS-Code:

background-image: radial-gradient(circle, #CEDED6 9%, #DEDECE 96%);

 

HEX #DEDECE zu HEX #CECEDE


CSS-Code:

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

 

HEX #DEDECE zu HEX #CECEDE


CSS-Code:

background-image: radial-gradient(circle, #DEDECE 6%, #CECEDE 97%);

 

HEX #CECEDE zu HEX #DEDECE


CSS-Code:

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

 

HEX #CECEDE zu HEX #DEDECE


CSS-Code:

background-image: radial-gradient(circle, #CECEDE 9%, #DEDECE 90%);

 

HEX #DEDECE zu HEX #DECED6


CSS-Code:

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

 

HEX #DEDECE zu HEX #DECED6


CSS-Code:

background-image: radial-gradient(circle, #DEDECE 14%, #DECED6 92%);

 

HEX #DECED6 zu HEX #DEDECE


CSS-Code:

background-image: linear-gradient(135deg, #DECED6 13%, #DEDECE 93%);

 

HEX #DECED6 zu HEX #DEDECE


CSS-Code:

background-image: radial-gradient(circle, #DECED6 8%, #DEDECE 89%);

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.