Neu: API-Pakete verfügbar

Unsere neue API bietet dir jetzt noch mehr Kontrolle über Farbkonvertierung – perfekt für Webprojekte, Plugins, interne Tools oder SaaS-Anwendungen.
Erstelle mehrere API-Keys, verwalte dein monatliches Token-Kontingent und integriere qConv flexibel in deine Anwendungen.

Bis 2025-08-15: Einführungspreise auf alle Pakete!

JETZT ANSEHEN X

CSS Gradienten:
#E22182

Information

schließe alle

2-Farben Gradienten - Komplementärfarbe

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.

2-Farben Gradienten - Hellere Farbtöne

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.

2-Farben Gradienten - Dunklere Farbtöne

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

Rot und Blau dominieren diesen Farbton deutlich: Der Rot- und der Blauwert liegen über Grün. Helle Farbe: hohe Farbwerte erzeugen einen hellen Eindruck.

Die Aufschlüsselung der Farbe in das RGB-Farbsystem: In diesem Farbton sind von 255 maximalen Farbanteilen jeweils 226 Rot, 33 Grün und 130 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.

Im CMYK-Farbsystem wird die Farbe folgendermaßen zusammengesetzt: In diesem Farbton sind von 100 maximalen Farbanteilen jeweils keine Cyan, 85 Magenta, 42 Gelb und 11 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.

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

2-Farben Gradienten von #E22182 - Komplementärfarbe

Linear

HEX #E22182 zu HEX #1DDE7D

CSS-Code:

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

Radial

HEX #E22182 zu HEX #1DDE7D

CSS-Code:

background-image: radial-gradient(circle, #E22182 14%, #1DDE7D 96%);

HEX #1DDE7D zu HEX #E22182

CSS-Code:

background-image: linear-gradient(135deg, #1DDE7D 10%, #E22182 97%);

HEX #1DDE7D zu HEX #E22182

CSS-Code:

background-image: radial-gradient(circle, #1DDE7D 14%, #E22182 97%);

2-Farben Gradienten von #E22182 - Hellere Farbtöne

Linear

HEX #E22182 zu HEX #E221B8

CSS-Code:

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

Radial

HEX #E22182 zu HEX #E221B8

CSS-Code:

background-image: radial-gradient(circle, #E22182 10%, #E221B8 86%);

HEX #E221B8 zu HEX #E22182

CSS-Code:

background-image: linear-gradient(135deg, #E221B8 6%, #E22182 87%);

HEX #E221B8 zu HEX #E22182

CSS-Code:

background-image: radial-gradient(circle, #E221B8 10%, #E22182 91%);

HEX #E22182 zu HEX #E22185

CSS-Code:

background-image: linear-gradient(135deg, #E22182 5%, #E22185 99%);

HEX #E22182 zu HEX #E22185

CSS-Code:

background-image: radial-gradient(circle, #E22182 0%, #E22185 86%);

HEX #E22185 zu HEX #E22182

CSS-Code:

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

HEX #E22185 zu HEX #E22182

CSS-Code:

background-image: radial-gradient(circle, #E22185 11%, #E22182 100%);

HEX #E22182 zu HEX #E22151

CSS-Code:

background-image: linear-gradient(135deg, #E22182 9%, #E22151 94%);

HEX #E22182 zu HEX #E22151

CSS-Code:

background-image: radial-gradient(circle, #E22182 6%, #E22151 87%);

HEX #E22151 zu HEX #E22182

CSS-Code:

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

HEX #E22151 zu HEX #E22182

CSS-Code:

background-image: radial-gradient(circle, #E22151 5%, #E22182 97%);

HEX #E22182 zu HEX #E22521

CSS-Code:

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

HEX #E22182 zu HEX #E22521

CSS-Code:

background-image: radial-gradient(circle, #E22182 13%, #E22521 91%);

HEX #E22521 zu HEX #E22182

CSS-Code:

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

HEX #E22521 zu HEX #E22182

CSS-Code:

background-image: radial-gradient(circle, #E22521 12%, #E22182 93%);

2-Farben Gradienten von #E22182 - Dunklere Farbtöne

Linear

HEX #E22182 zu HEX #C1196D

CSS-Code:

background-image: linear-gradient(135deg, #E22182 13%, #C1196D 100%);

Radial

HEX #E22182 zu HEX #C1196D

CSS-Code:

background-image: radial-gradient(circle, #E22182 6%, #C1196D 98%);

HEX #C1196D zu HEX #E22182

CSS-Code:

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

HEX #C1196D zu HEX #E22182

CSS-Code:

background-image: radial-gradient(circle, #C1196D 4%, #E22182 91%);

HEX #E22182 zu HEX #E74697

CSS-Code:

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

HEX #E22182 zu HEX #E74697

CSS-Code:

background-image: radial-gradient(circle, #E22182 12%, #E74697 86%);

HEX #E74697 zu HEX #E22182

CSS-Code:

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

HEX #E74697 zu HEX #E22182

CSS-Code:

background-image: radial-gradient(circle, #E74697 11%, #E22182 89%);

HEX #E22182 zu HEX #EB6AAB

CSS-Code:

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

HEX #E22182 zu HEX #EB6AAB

CSS-Code:

background-image: radial-gradient(circle, #E22182 9%, #EB6AAB 89%);

HEX #EB6AAB zu HEX #E22182

CSS-Code:

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

HEX #EB6AAB zu HEX #E22182

CSS-Code:

background-image: radial-gradient(circle, #EB6AAB 1%, #E22182 98%);

2-Farben Gradienten von #E22182 - Analoge Farben

Linear

HEX #E22182 zu HEX #E221B8

CSS-Code:

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

Radial

HEX #E22182 zu HEX #E221B8

CSS-Code:

background-image: radial-gradient(circle, #E22182 9%, #E221B8 99%);

HEX #E221B8 zu HEX #E22182

CSS-Code:

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

HEX #E221B8 zu HEX #E22182

CSS-Code:

background-image: radial-gradient(circle, #E221B8 4%, #E22182 97%);

HEX #E22182 zu HEX #E22185

CSS-Code:

background-image: linear-gradient(135deg, #E22182 1%, #E22185 88%);

HEX #E22182 zu HEX #E22185

CSS-Code:

background-image: radial-gradient(circle, #E22182 1%, #E22185 90%);

HEX #E22185 zu HEX #E22182

CSS-Code:

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

HEX #E22185 zu HEX #E22182

CSS-Code:

background-image: radial-gradient(circle, #E22185 8%, #E22182 89%);

HEX #E22182 zu HEX #E22151

CSS-Code:

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

HEX #E22182 zu HEX #E22151

CSS-Code:

background-image: radial-gradient(circle, #E22182 2%, #E22151 93%);

HEX #E22151 zu HEX #E22182

CSS-Code:

background-image: linear-gradient(135deg, #E22151 0%, #E22182 98%);

HEX #E22151 zu HEX #E22182

CSS-Code:

background-image: radial-gradient(circle, #E22151 4%, #E22182 89%);

HEX #E22182 zu HEX #E22521

CSS-Code:

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

HEX #E22182 zu HEX #E22521

CSS-Code:

background-image: radial-gradient(circle, #E22182 6%, #E22521 87%);

HEX #E22521 zu HEX #E22182

CSS-Code:

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

HEX #E22521 zu HEX #E22182

CSS-Code:

background-image: radial-gradient(circle, #E22521 3%, #E22182 88%);

2-Farben Gradienten von #E22182 - Monochromatische Farben

Linear

HEX #E22182 zu HEX #C1196D

CSS-Code:

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

Radial

HEX #E22182 zu HEX #C1196D

CSS-Code:

background-image: radial-gradient(circle, #E22182 7%, #C1196D 90%);

HEX #C1196D zu HEX #E22182

CSS-Code:

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

HEX #C1196D zu HEX #E22182

CSS-Code:

background-image: radial-gradient(circle, #C1196D 2%, #E22182 98%);

HEX #E22182 zu HEX #E74697

CSS-Code:

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

HEX #E22182 zu HEX #E74697

CSS-Code:

background-image: radial-gradient(circle, #E22182 7%, #E74697 91%);

HEX #E74697 zu HEX #E22182

CSS-Code:

background-image: linear-gradient(135deg, #E74697 5%, #E22182 89%);

HEX #E74697 zu HEX #E22182

CSS-Code:

background-image: radial-gradient(circle, #E74697 14%, #E22182 94%);

HEX #E22182 zu HEX #EB6AAB

CSS-Code:

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

HEX #E22182 zu HEX #EB6AAB

CSS-Code:

background-image: radial-gradient(circle, #E22182 12%, #EB6AAB 90%);

HEX #EB6AAB zu HEX #E22182

CSS-Code:

background-image: linear-gradient(135deg, #EB6AAB 8%, #E22182 90%);

HEX #EB6AAB zu HEX #E22182

CSS-Code:

background-image: radial-gradient(circle, #EB6AAB 8%, #E22182 88%);

2-Farben Gradienten von #E22182 - Teilkomplementär Farben

Linear

HEX #E22182 zu HEX #E2A521

CSS-Code:

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

Radial

HEX #E22182 zu HEX #E2A521

CSS-Code:

background-image: radial-gradient(circle, #E22182 12%, #E2A521 90%);

HEX #E2A521 zu HEX #E22182

CSS-Code:

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

HEX #E2A521 zu HEX #E22182

CSS-Code:

background-image: radial-gradient(circle, #E2A521 2%, #E22182 100%);

HEX #E22182 zu HEX #21D2E2

CSS-Code:

background-image: linear-gradient(135deg, #E22182 13%, #21D2E2 100%);

HEX #E22182 zu HEX #21D2E2

CSS-Code:

background-image: radial-gradient(circle, #E22182 9%, #21D2E2 88%);

HEX #21D2E2 zu HEX #E22182

CSS-Code:

background-image: linear-gradient(135deg, #21D2E2 2%, #E22182 95%);

HEX #21D2E2 zu HEX #E22182

CSS-Code:

background-image: radial-gradient(circle, #21D2E2 13%, #E22182 95%);

2-Farben Gradienten von #E22182 - Triadische Farben

Linear

HEX #E22182 zu HEX #85E221

CSS-Code:

background-image: linear-gradient(135deg, #E22182 11%, #85E221 92%);

Radial

HEX #E22182 zu HEX #85E221

CSS-Code:

background-image: radial-gradient(circle, #E22182 2%, #85E221 97%);

HEX #85E221 zu HEX #E22182

CSS-Code:

background-image: linear-gradient(135deg, #85E221 3%, #E22182 86%);

HEX #85E221 zu HEX #E22182

CSS-Code:

background-image: radial-gradient(circle, #85E221 2%, #E22182 95%);

HEX #E22182 zu HEX #2185E2

CSS-Code:

background-image: linear-gradient(135deg, #E22182 9%, #2185E2 87%);

HEX #E22182 zu HEX #2185E2

CSS-Code:

background-image: radial-gradient(circle, #E22182 4%, #2185E2 93%);

HEX #2185E2 zu HEX #E22182

CSS-Code:

background-image: linear-gradient(135deg, #2185E2 14%, #E22182 91%);

HEX #2185E2 zu HEX #E22182

CSS-Code:

background-image: radial-gradient(circle, #2185E2 12%, #E22182 90%);

2-Farben Gradienten von #E22182 - Rechteckige (Tetradische) Farben

Linear

HEX #E22182 zu HEX #E2A521

CSS-Code:

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

Radial

HEX #E22182 zu HEX #E2A521

CSS-Code:

background-image: radial-gradient(circle, #E22182 8%, #E2A521 87%);

HEX #E2A521 zu HEX #E22182

CSS-Code:

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

HEX #E2A521 zu HEX #E22182

CSS-Code:

background-image: radial-gradient(circle, #E2A521 6%, #E22182 100%);

HEX #E22182 zu HEX #21E27E

CSS-Code:

background-image: linear-gradient(135deg, #E22182 11%, #21E27E 91%);

HEX #E22182 zu HEX #21E27E

CSS-Code:

background-image: radial-gradient(circle, #E22182 13%, #21E27E 100%);

HEX #21E27E zu HEX #E22182

CSS-Code:

background-image: linear-gradient(135deg, #21E27E 7%, #E22182 90%);

HEX #21E27E zu HEX #E22182

CSS-Code:

background-image: radial-gradient(circle, #21E27E 12%, #E22182 89%);

HEX #E22182 zu HEX #215EE2

CSS-Code:

background-image: linear-gradient(135deg, #E22182 7%, #215EE2 97%);

HEX #E22182 zu HEX #215EE2

CSS-Code:

background-image: radial-gradient(circle, #E22182 4%, #215EE2 95%);

HEX #215EE2 zu HEX #E22182

CSS-Code:

background-image: linear-gradient(135deg, #215EE2 5%, #E22182 99%);

HEX #215EE2 zu HEX #E22182

CSS-Code:

background-image: radial-gradient(circle, #215EE2 7%, #E22182 90%);

2-Farben Gradienten von #E22182 - Quadratische Farben

Linear

HEX #E22182 zu HEX #E2DF21

CSS-Code:

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

Radial

HEX #E22182 zu HEX #E2DF21

CSS-Code:

background-image: radial-gradient(circle, #E22182 1%, #E2DF21 95%);

HEX #E2DF21 zu HEX #E22182

CSS-Code:

background-image: linear-gradient(135deg, #E2DF21 1%, #E22182 99%);

HEX #E2DF21 zu HEX #E22182

CSS-Code:

background-image: radial-gradient(circle, #E2DF21 11%, #E22182 95%);

HEX #E22182 zu HEX #21E27E

CSS-Code:

background-image: linear-gradient(135deg, #E22182 5%, #21E27E 98%);

HEX #E22182 zu HEX #21E27E

CSS-Code:

background-image: radial-gradient(circle, #E22182 11%, #21E27E 99%);

HEX #21E27E zu HEX #E22182

CSS-Code:

background-image: linear-gradient(135deg, #21E27E 10%, #E22182 90%);

HEX #21E27E zu HEX #E22182

CSS-Code:

background-image: radial-gradient(circle, #21E27E 5%, #E22182 96%);

HEX #E22182 zu HEX #2125E2

CSS-Code:

background-image: linear-gradient(135deg, #E22182 13%, #2125E2 88%);

HEX #E22182 zu HEX #2125E2

CSS-Code:

background-image: radial-gradient(circle, #E22182 1%, #2125E2 98%);

HEX #2125E2 zu HEX #E22182

CSS-Code:

background-image: linear-gradient(135deg, #2125E2 11%, #E22182 95%);

HEX #2125E2 zu HEX #E22182

CSS-Code:

background-image: radial-gradient(circle, #2125E2 1%, #E22182 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

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)

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

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)

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)

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

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)

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

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)

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

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)

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

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)

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

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)

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

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)

Um Farbpaletten speichern zu können, musst Du angemeldet sein.

Bei deinem Konto anmelden

oder

Erstelle ein Konto

Aktuelle Farbpalette teilen
Soll sie öffentlich oder privat sein?
Link(s) folgen nach dem Teilen.

Öffentlich

Abbrechen Teilen

Farbpalette geteilt
Bitte kopiere und speichere dir den gewünschten Link.

Teilen

Ansehen

OK, ich habe die Links kopiert

Deine Farben werden in einer neuen Farbpalette gespeichert.
Sehe sie dir unter deinem Profil an.
Du kannst sie weiter anpassen, und teilen.

Farbpalette anzeigen

Erstelle eine Farbpalette

HerunterladenHerunterladen in verschiedenen Formaten

Durch Klicken auf kannst du Paletten erstellen und die Farbfelder herunterladen.