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

✕

CSS Gradienten:
#D94877

Information

schließe alle

2-Farben Gradienten - Komplementärfarbe

Lassen Sie sich 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: Kopieren Sie den CSS-Code zum einfachen integrieren auf Ihrer Webseite.

2-Farben Gradienten - Hellere Farbtöne

Lassen Sie 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: Kopieren Sie den CSS-Code zum einfachen integrieren auf Ihrer Webseite.

2-Farben Gradienten - Dunklere Farbtöne

Lassen Sie 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: Kopieren Sie den CSS-Code zum einfachen integrieren auf Ihrer Webseite.

Anzeigeoptionen

Beschreibung

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 217 Rot, 72 Grün und 119 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, 67 Magenta, 45 Gelb und 15 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 #D94877 - Komplementärfarbe

Linear

HEX #D94877 zu HEX #26B788

CSS-Code:

background-image: linear-gradient(135deg, #D94877 4%, #26B788 99%);

Radial

HEX #D94877 zu HEX #26B788

CSS-Code:

background-image: radial-gradient(circle, #D94877 0%, #26B788 90%);

HEX #26B788 zu HEX #D94877

CSS-Code:

background-image: linear-gradient(135deg, #26B788 6%, #D94877 93%);

HEX #26B788 zu HEX #D94877

CSS-Code:

background-image: radial-gradient(circle, #26B788 7%, #D94877 92%);

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

Linear

HEX #D94877 zu HEX #DA49A0

CSS-Code:

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

Radial

HEX #D94877 zu HEX #DA49A0

CSS-Code:

background-image: radial-gradient(circle, #D94877 12%, #DA49A0 100%);

HEX #DA49A0 zu HEX #D94877

CSS-Code:

background-image: linear-gradient(135deg, #DA49A0 10%, #D94877 90%);

HEX #DA49A0 zu HEX #D94877

CSS-Code:

background-image: radial-gradient(circle, #DA49A0 11%, #D94877 92%);

HEX #D94877 zu HEX #DA4979

CSS-Code:

background-image: linear-gradient(135deg, #D94877 3%, #DA4979 87%);

HEX #D94877 zu HEX #DA4979

CSS-Code:

background-image: radial-gradient(circle, #D94877 11%, #DA4979 95%);

HEX #DA4979 zu HEX #D94877

CSS-Code:

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

HEX #DA4979 zu HEX #D94877

CSS-Code:

background-image: radial-gradient(circle, #DA4979 1%, #D94877 93%);

HEX #D94877 zu HEX #DA4953

CSS-Code:

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

HEX #D94877 zu HEX #DA4953

CSS-Code:

background-image: radial-gradient(circle, #D94877 5%, #DA4953 100%);

HEX #DA4953 zu HEX #D94877

CSS-Code:

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

HEX #DA4953 zu HEX #D94877

CSS-Code:

background-image: radial-gradient(circle, #DA4953 6%, #D94877 90%);

HEX #D94877 zu HEX #DA6649

CSS-Code:

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

HEX #D94877 zu HEX #DA6649

CSS-Code:

background-image: radial-gradient(circle, #D94877 0%, #DA6649 98%);

HEX #DA6649 zu HEX #D94877

CSS-Code:

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

HEX #DA6649 zu HEX #D94877

CSS-Code:

background-image: radial-gradient(circle, #DA6649 14%, #D94877 91%);

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

Linear

HEX #D94877 zu HEX #CF2A60

CSS-Code:

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

Radial

HEX #D94877 zu HEX #CF2A60

CSS-Code:

background-image: radial-gradient(circle, #D94877 14%, #CF2A60 97%);

HEX #CF2A60 zu HEX #D94877

CSS-Code:

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

HEX #CF2A60 zu HEX #D94877

CSS-Code:

background-image: radial-gradient(circle, #CF2A60 11%, #D94877 100%);

HEX #D94877 zu HEX #DA4978

CSS-Code:

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

HEX #D94877 zu HEX #DA4978

CSS-Code:

background-image: radial-gradient(circle, #D94877 13%, #DA4978 96%);

HEX #DA4978 zu HEX #D94877

CSS-Code:

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

HEX #DA4978 zu HEX #D94877

CSS-Code:

background-image: radial-gradient(circle, #DA4978 8%, #D94877 93%);

HEX #D94877 zu HEX #E16B91

CSS-Code:

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

HEX #D94877 zu HEX #E16B91

CSS-Code:

background-image: radial-gradient(circle, #D94877 14%, #E16B91 92%);

HEX #E16B91 zu HEX #D94877

CSS-Code:

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

HEX #E16B91 zu HEX #D94877

CSS-Code:

background-image: radial-gradient(circle, #E16B91 11%, #D94877 90%);

HEX #D94877 zu HEX #E88DAB

CSS-Code:

background-image: linear-gradient(135deg, #D94877 1%, #E88DAB 93%);

HEX #D94877 zu HEX #E88DAB

CSS-Code:

background-image: radial-gradient(circle, #D94877 2%, #E88DAB 99%);

HEX #E88DAB zu HEX #D94877

CSS-Code:

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

HEX #E88DAB zu HEX #D94877

CSS-Code:

background-image: radial-gradient(circle, #E88DAB 1%, #D94877 98%);

2-Farben Gradienten von #D94877 - Analoge Farben

Linear

HEX #D94877 zu HEX #DA49A0

CSS-Code:

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

Radial

HEX #D94877 zu HEX #DA49A0

CSS-Code:

background-image: radial-gradient(circle, #D94877 12%, #DA49A0 88%);

HEX #DA49A0 zu HEX #D94877

CSS-Code:

background-image: linear-gradient(135deg, #DA49A0 7%, #D94877 92%);

HEX #DA49A0 zu HEX #D94877

CSS-Code:

background-image: radial-gradient(circle, #DA49A0 7%, #D94877 91%);

HEX #D94877 zu HEX #DA4979

CSS-Code:

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

HEX #D94877 zu HEX #DA4979

CSS-Code:

background-image: radial-gradient(circle, #D94877 14%, #DA4979 93%);

HEX #DA4979 zu HEX #D94877

CSS-Code:

background-image: linear-gradient(135deg, #DA4979 6%, #D94877 96%);

HEX #DA4979 zu HEX #D94877

CSS-Code:

background-image: radial-gradient(circle, #DA4979 8%, #D94877 98%);

HEX #D94877 zu HEX #DA4953

CSS-Code:

background-image: linear-gradient(135deg, #D94877 2%, #DA4953 89%);

HEX #D94877 zu HEX #DA4953

CSS-Code:

background-image: radial-gradient(circle, #D94877 9%, #DA4953 88%);

HEX #DA4953 zu HEX #D94877

CSS-Code:

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

HEX #DA4953 zu HEX #D94877

CSS-Code:

background-image: radial-gradient(circle, #DA4953 8%, #D94877 95%);

HEX #D94877 zu HEX #DA6649

CSS-Code:

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

HEX #D94877 zu HEX #DA6649

CSS-Code:

background-image: radial-gradient(circle, #D94877 2%, #DA6649 95%);

HEX #DA6649 zu HEX #D94877

CSS-Code:

background-image: linear-gradient(135deg, #DA6649 6%, #D94877 94%);

HEX #DA6649 zu HEX #D94877

CSS-Code:

background-image: radial-gradient(circle, #DA6649 11%, #D94877 88%);

2-Farben Gradienten von #D94877 - Monochromatische Farben

Linear

HEX #D94877 zu HEX #CF2A60

CSS-Code:

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

Radial

HEX #D94877 zu HEX #CF2A60

CSS-Code:

background-image: radial-gradient(circle, #D94877 7%, #CF2A60 89%);

HEX #CF2A60 zu HEX #D94877

CSS-Code:

background-image: linear-gradient(135deg, #CF2A60 14%, #D94877 87%);

HEX #CF2A60 zu HEX #D94877

CSS-Code:

background-image: radial-gradient(circle, #CF2A60 12%, #D94877 98%);

HEX #D94877 zu HEX #DA4978

CSS-Code:

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

HEX #D94877 zu HEX #DA4978

CSS-Code:

background-image: radial-gradient(circle, #D94877 2%, #DA4978 98%);

HEX #DA4978 zu HEX #D94877

CSS-Code:

background-image: linear-gradient(135deg, #DA4978 2%, #D94877 87%);

HEX #DA4978 zu HEX #D94877

CSS-Code:

background-image: radial-gradient(circle, #DA4978 3%, #D94877 98%);

HEX #D94877 zu HEX #E16B91

CSS-Code:

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

HEX #D94877 zu HEX #E16B91

CSS-Code:

background-image: radial-gradient(circle, #D94877 2%, #E16B91 88%);

HEX #E16B91 zu HEX #D94877

CSS-Code:

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

HEX #E16B91 zu HEX #D94877

CSS-Code:

background-image: radial-gradient(circle, #E16B91 6%, #D94877 97%);

HEX #D94877 zu HEX #E88DAB

CSS-Code:

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

HEX #D94877 zu HEX #E88DAB

CSS-Code:

background-image: radial-gradient(circle, #D94877 7%, #E88DAB 99%);

HEX #E88DAB zu HEX #D94877

CSS-Code:

background-image: linear-gradient(135deg, #E88DAB 14%, #D94877 87%);

HEX #E88DAB zu HEX #D94877

CSS-Code:

background-image: radial-gradient(circle, #E88DAB 3%, #D94877 90%);

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

Linear

HEX #D94877 zu HEX #DAC649

CSS-Code:

background-image: linear-gradient(135deg, #D94877 0%, #DAC649 92%);

Radial

HEX #D94877 zu HEX #DAC649

CSS-Code:

background-image: radial-gradient(circle, #D94877 12%, #DAC649 90%);

HEX #DAC649 zu HEX #D94877

CSS-Code:

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

HEX #DAC649 zu HEX #D94877

CSS-Code:

background-image: radial-gradient(circle, #DAC649 3%, #D94877 92%);

HEX #D94877 zu HEX #49B3DA

CSS-Code:

background-image: linear-gradient(135deg, #D94877 5%, #49B3DA 88%);

HEX #D94877 zu HEX #49B3DA

CSS-Code:

background-image: radial-gradient(circle, #D94877 13%, #49B3DA 97%);

HEX #49B3DA zu HEX #D94877

CSS-Code:

background-image: linear-gradient(135deg, #49B3DA 7%, #D94877 88%);

HEX #49B3DA zu HEX #D94877

CSS-Code:

background-image: radial-gradient(circle, #49B3DA 14%, #D94877 86%);

2-Farben Gradienten von #D94877 - Triadische Farben

Linear

HEX #D94877 zu HEX #79DA49

CSS-Code:

background-image: linear-gradient(135deg, #D94877 6%, #79DA49 90%);

Radial

HEX #D94877 zu HEX #79DA49

CSS-Code:

background-image: radial-gradient(circle, #D94877 13%, #79DA49 99%);

HEX #79DA49 zu HEX #D94877

CSS-Code:

background-image: linear-gradient(135deg, #79DA49 3%, #D94877 89%);

HEX #79DA49 zu HEX #D94877

CSS-Code:

background-image: radial-gradient(circle, #79DA49 9%, #D94877 92%);

HEX #D94877 zu HEX #4979DA

CSS-Code:

background-image: linear-gradient(135deg, #D94877 6%, #4979DA 95%);

HEX #D94877 zu HEX #4979DA

CSS-Code:

background-image: radial-gradient(circle, #D94877 0%, #4979DA 90%);

HEX #4979DA zu HEX #D94877

CSS-Code:

background-image: linear-gradient(135deg, #4979DA 5%, #D94877 89%);

HEX #4979DA zu HEX #D94877

CSS-Code:

background-image: radial-gradient(circle, #4979DA 10%, #D94877 98%);

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

Linear

HEX #D94877 zu HEX #DAC649

CSS-Code:

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

Radial

HEX #D94877 zu HEX #DAC649

CSS-Code:

background-image: radial-gradient(circle, #D94877 13%, #DAC649 94%);

HEX #DAC649 zu HEX #D94877

CSS-Code:

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

HEX #DAC649 zu HEX #D94877

CSS-Code:

background-image: radial-gradient(circle, #DAC649 6%, #D94877 86%);

HEX #D94877 zu HEX #49DAA9

CSS-Code:

background-image: linear-gradient(135deg, #D94877 14%, #49DAA9 99%);

HEX #D94877 zu HEX #49DAA9

CSS-Code:

background-image: radial-gradient(circle, #D94877 5%, #49DAA9 97%);

HEX #49DAA9 zu HEX #D94877

CSS-Code:

background-image: linear-gradient(135deg, #49DAA9 13%, #D94877 99%);

HEX #49DAA9 zu HEX #D94877

CSS-Code:

background-image: radial-gradient(circle, #49DAA9 7%, #D94877 96%);

HEX #D94877 zu HEX #495CDA

CSS-Code:

background-image: linear-gradient(135deg, #D94877 12%, #495CDA 92%);

HEX #D94877 zu HEX #495CDA

CSS-Code:

background-image: radial-gradient(circle, #D94877 14%, #495CDA 96%);

HEX #495CDA zu HEX #D94877

CSS-Code:

background-image: linear-gradient(135deg, #495CDA 9%, #D94877 86%);

HEX #495CDA zu HEX #D94877

CSS-Code:

background-image: radial-gradient(circle, #495CDA 8%, #D94877 92%);

2-Farben Gradienten von #D94877 - Quadratische Farben

Linear

HEX #D94877 zu HEX #C2DA49

CSS-Code:

background-image: linear-gradient(135deg, #D94877 2%, #C2DA49 87%);

Radial

HEX #D94877 zu HEX #C2DA49

CSS-Code:

background-image: radial-gradient(circle, #D94877 9%, #C2DA49 98%);

HEX #C2DA49 zu HEX #D94877

CSS-Code:

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

HEX #C2DA49 zu HEX #D94877

CSS-Code:

background-image: radial-gradient(circle, #C2DA49 11%, #D94877 93%);

HEX #D94877 zu HEX #49DAA9

CSS-Code:

background-image: linear-gradient(135deg, #D94877 8%, #49DAA9 97%);

HEX #D94877 zu HEX #49DAA9

CSS-Code:

background-image: radial-gradient(circle, #D94877 14%, #49DAA9 97%);

HEX #49DAA9 zu HEX #D94877

CSS-Code:

background-image: linear-gradient(135deg, #49DAA9 3%, #D94877 98%);

HEX #49DAA9 zu HEX #D94877

CSS-Code:

background-image: radial-gradient(circle, #49DAA9 13%, #D94877 88%);

HEX #D94877 zu HEX #6149DA

CSS-Code:

background-image: linear-gradient(135deg, #D94877 5%, #6149DA 97%);

HEX #D94877 zu HEX #6149DA

CSS-Code:

background-image: radial-gradient(circle, #D94877 0%, #6149DA 97%);

HEX #6149DA zu HEX #D94877

CSS-Code:

background-image: linear-gradient(135deg, #6149DA 5%, #D94877 96%);

HEX #6149DA zu HEX #D94877

CSS-Code:

background-image: radial-gradient(circle, #6149DA 1%, #D94877 100%);

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, ist eine Anmelung erforderlich.

Bei Ihrem Konto anmelden

oder

Erstellen Sie ein Konto

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

Öffentlich

Abbrechen Teilen

Farbpalette geteilt
Bitte kopieren und speichern Sie den gewünschten Link.

Teilen

Ansehen

OK, ich habe die Links kopiert

Ihre Farben werden in einer neuen Farbpalette gespeichert.
Sehen Sie sich diese unter Ihrem Profil an.
Sie können sie weiter anpassen, und teilen.

Farbpalette anzeigen

Erstellen Sie eine Farbpalette

HerunterladenHerunterladen in verschiedenen Formaten

Durch Klicken auf können Sie Paletten erstellen und die Farbfelder herunterladen.