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

✕

CSS Gradienten:
#DE86FF

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 222 Rot, 134 Grün und 255 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 13 Cyan, 47 Magenta, keine Gelb und keine 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 #DE86FF - Komplementärfarbe

Linear

HEX #DE86FF zu HEX #217900

CSS-Code:

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

Radial

HEX #DE86FF zu HEX #217900

CSS-Code:

background-image: radial-gradient(circle, #DE86FF 8%, #217900 89%);

HEX #217900 zu HEX #DE86FF

CSS-Code:

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

HEX #217900 zu HEX #DE86FF

CSS-Code:

background-image: radial-gradient(circle, #217900 14%, #DE86FF 95%);

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

Linear

HEX #DE86FF zu HEX #BC85FF

CSS-Code:

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

Radial

HEX #DE86FF zu HEX #BC85FF

CSS-Code:

background-image: radial-gradient(circle, #DE86FF 2%, #BC85FF 100%);

HEX #BC85FF zu HEX #DE86FF

CSS-Code:

background-image: linear-gradient(135deg, #BC85FF 7%, #DE86FF 99%);

HEX #BC85FF zu HEX #DE86FF

CSS-Code:

background-image: radial-gradient(circle, #BC85FF 4%, #DE86FF 88%);

HEX #DE86FF zu HEX #DC85FF

CSS-Code:

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

HEX #DE86FF zu HEX #DC85FF

CSS-Code:

background-image: radial-gradient(circle, #DE86FF 8%, #DC85FF 97%);

HEX #DC85FF zu HEX #DE86FF

CSS-Code:

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

HEX #DC85FF zu HEX #DE86FF

CSS-Code:

background-image: radial-gradient(circle, #DC85FF 5%, #DE86FF 98%);

HEX #DE86FF zu HEX #FD85FF

CSS-Code:

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

HEX #DE86FF zu HEX #FD85FF

CSS-Code:

background-image: radial-gradient(circle, #DE86FF 13%, #FD85FF 90%);

HEX #FD85FF zu HEX #DE86FF

CSS-Code:

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

HEX #FD85FF zu HEX #DE86FF

CSS-Code:

background-image: radial-gradient(circle, #FD85FF 12%, #DE86FF 88%);

HEX #DE86FF zu HEX #FF85E0

CSS-Code:

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

HEX #DE86FF zu HEX #FF85E0

CSS-Code:

background-image: radial-gradient(circle, #DE86FF 10%, #FF85E0 96%);

HEX #FF85E0 zu HEX #DE86FF

CSS-Code:

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

HEX #FF85E0 zu HEX #DE86FF

CSS-Code:

background-image: radial-gradient(circle, #FF85E0 8%, #DE86FF 93%);

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

Linear

HEX #DE86FF zu HEX #D25BFF

CSS-Code:

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

Radial

HEX #DE86FF zu HEX #D25BFF

CSS-Code:

background-image: radial-gradient(circle, #DE86FF 13%, #D25BFF 86%);

HEX #D25BFF zu HEX #DE86FF

CSS-Code:

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

HEX #D25BFF zu HEX #DE86FF

CSS-Code:

background-image: radial-gradient(circle, #D25BFF 6%, #DE86FF 93%);

HEX #DE86FF zu HEX #DE85FF

CSS-Code:

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

HEX #DE86FF zu HEX #DE85FF

CSS-Code:

background-image: radial-gradient(circle, #DE86FF 9%, #DE85FF 88%);

HEX #DE85FF zu HEX #DE86FF

CSS-Code:

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

HEX #DE85FF zu HEX #DE86FF

CSS-Code:

background-image: radial-gradient(circle, #DE85FF 0%, #DE86FF 89%);

HEX #DE86FF zu HEX #E9AEFF

CSS-Code:

background-image: linear-gradient(135deg, #DE86FF 4%, #E9AEFF 94%);

HEX #DE86FF zu HEX #E9AEFF

CSS-Code:

background-image: radial-gradient(circle, #DE86FF 11%, #E9AEFF 86%);

HEX #E9AEFF zu HEX #DE86FF

CSS-Code:

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

HEX #E9AEFF zu HEX #DE86FF

CSS-Code:

background-image: radial-gradient(circle, #E9AEFF 8%, #DE86FF 89%);

HEX #DE86FF zu HEX #F4D7FF

CSS-Code:

background-image: linear-gradient(135deg, #DE86FF 3%, #F4D7FF 93%);

HEX #DE86FF zu HEX #F4D7FF

CSS-Code:

background-image: radial-gradient(circle, #DE86FF 8%, #F4D7FF 97%);

HEX #F4D7FF zu HEX #DE86FF

CSS-Code:

background-image: linear-gradient(135deg, #F4D7FF 3%, #DE86FF 98%);

HEX #F4D7FF zu HEX #DE86FF

CSS-Code:

background-image: radial-gradient(circle, #F4D7FF 9%, #DE86FF 97%);

2-Farben Gradienten von #DE86FF - Analoge Farben

Linear

HEX #DE86FF zu HEX #BC85FF

CSS-Code:

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

Radial

HEX #DE86FF zu HEX #BC85FF

CSS-Code:

background-image: radial-gradient(circle, #DE86FF 0%, #BC85FF 91%);

HEX #BC85FF zu HEX #DE86FF

CSS-Code:

background-image: linear-gradient(135deg, #BC85FF 5%, #DE86FF 86%);

HEX #BC85FF zu HEX #DE86FF

CSS-Code:

background-image: radial-gradient(circle, #BC85FF 10%, #DE86FF 97%);

HEX #DE86FF zu HEX #DC85FF

CSS-Code:

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

HEX #DE86FF zu HEX #DC85FF

CSS-Code:

background-image: radial-gradient(circle, #DE86FF 14%, #DC85FF 100%);

HEX #DC85FF zu HEX #DE86FF

CSS-Code:

background-image: linear-gradient(135deg, #DC85FF 5%, #DE86FF 92%);

HEX #DC85FF zu HEX #DE86FF

CSS-Code:

background-image: radial-gradient(circle, #DC85FF 9%, #DE86FF 98%);

HEX #DE86FF zu HEX #FD85FF

CSS-Code:

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

HEX #DE86FF zu HEX #FD85FF

CSS-Code:

background-image: radial-gradient(circle, #DE86FF 12%, #FD85FF 89%);

HEX #FD85FF zu HEX #DE86FF

CSS-Code:

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

HEX #FD85FF zu HEX #DE86FF

CSS-Code:

background-image: radial-gradient(circle, #FD85FF 11%, #DE86FF 94%);

HEX #DE86FF zu HEX #FF85E0

CSS-Code:

background-image: linear-gradient(135deg, #DE86FF 12%, #FF85E0 97%);

HEX #DE86FF zu HEX #FF85E0

CSS-Code:

background-image: radial-gradient(circle, #DE86FF 0%, #FF85E0 90%);

HEX #FF85E0 zu HEX #DE86FF

CSS-Code:

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

HEX #FF85E0 zu HEX #DE86FF

CSS-Code:

background-image: radial-gradient(circle, #FF85E0 12%, #DE86FF 88%);

2-Farben Gradienten von #DE86FF - Monochromatische Farben

Linear

HEX #DE86FF zu HEX #D25BFF

CSS-Code:

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

Radial

HEX #DE86FF zu HEX #D25BFF

CSS-Code:

background-image: radial-gradient(circle, #DE86FF 10%, #D25BFF 89%);

HEX #D25BFF zu HEX #DE86FF

CSS-Code:

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

HEX #D25BFF zu HEX #DE86FF

CSS-Code:

background-image: radial-gradient(circle, #D25BFF 8%, #DE86FF 94%);

HEX #DE86FF zu HEX #DE85FF

CSS-Code:

background-image: linear-gradient(135deg, #DE86FF 5%, #DE85FF 96%);

HEX #DE86FF zu HEX #DE85FF

CSS-Code:

background-image: radial-gradient(circle, #DE86FF 11%, #DE85FF 98%);

HEX #DE85FF zu HEX #DE86FF

CSS-Code:

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

HEX #DE85FF zu HEX #DE86FF

CSS-Code:

background-image: radial-gradient(circle, #DE85FF 8%, #DE86FF 92%);

HEX #DE86FF zu HEX #E9AEFF

CSS-Code:

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

HEX #DE86FF zu HEX #E9AEFF

CSS-Code:

background-image: radial-gradient(circle, #DE86FF 7%, #E9AEFF 90%);

HEX #E9AEFF zu HEX #DE86FF

CSS-Code:

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

HEX #E9AEFF zu HEX #DE86FF

CSS-Code:

background-image: radial-gradient(circle, #E9AEFF 7%, #DE86FF 94%);

HEX #DE86FF zu HEX #F4D7FF

CSS-Code:

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

HEX #DE86FF zu HEX #F4D7FF

CSS-Code:

background-image: radial-gradient(circle, #DE86FF 9%, #F4D7FF 95%);

HEX #F4D7FF zu HEX #DE86FF

CSS-Code:

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

HEX #F4D7FF zu HEX #DE86FF

CSS-Code:

background-image: radial-gradient(circle, #F4D7FF 3%, #DE86FF 95%);

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

Linear

HEX #DE86FF zu HEX #FF858F

CSS-Code:

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

Radial

HEX #DE86FF zu HEX #FF858F

CSS-Code:

background-image: radial-gradient(circle, #DE86FF 10%, #FF858F 89%);

HEX #FF858F zu HEX #DE86FF

CSS-Code:

background-image: linear-gradient(135deg, #FF858F 9%, #DE86FF 86%);

HEX #FF858F zu HEX #DE86FF

CSS-Code:

background-image: radial-gradient(circle, #FF858F 7%, #DE86FF 98%);

HEX #DE86FF zu HEX #85FFAB

CSS-Code:

background-image: linear-gradient(135deg, #DE86FF 1%, #85FFAB 88%);

HEX #DE86FF zu HEX #85FFAB

CSS-Code:

background-image: radial-gradient(circle, #DE86FF 13%, #85FFAB 89%);

HEX #85FFAB zu HEX #DE86FF

CSS-Code:

background-image: linear-gradient(135deg, #85FFAB 10%, #DE86FF 86%);

HEX #85FFAB zu HEX #DE86FF

CSS-Code:

background-image: radial-gradient(circle, #85FFAB 13%, #DE86FF 87%);

2-Farben Gradienten von #DE86FF - Triadische Farben

Linear

HEX #DE86FF zu HEX #FFDC85

CSS-Code:

background-image: linear-gradient(135deg, #DE86FF 7%, #FFDC85 87%);

Radial

HEX #DE86FF zu HEX #FFDC85

CSS-Code:

background-image: radial-gradient(circle, #DE86FF 4%, #FFDC85 92%);

HEX #FFDC85 zu HEX #DE86FF

CSS-Code:

background-image: linear-gradient(135deg, #FFDC85 2%, #DE86FF 94%);

HEX #FFDC85 zu HEX #DE86FF

CSS-Code:

background-image: radial-gradient(circle, #FFDC85 0%, #DE86FF 91%);

HEX #DE86FF zu HEX #85FFDC

CSS-Code:

background-image: linear-gradient(135deg, #DE86FF 4%, #85FFDC 100%);

HEX #DE86FF zu HEX #85FFDC

CSS-Code:

background-image: radial-gradient(circle, #DE86FF 3%, #85FFDC 88%);

HEX #85FFDC zu HEX #DE86FF

CSS-Code:

background-image: linear-gradient(135deg, #85FFDC 2%, #DE86FF 95%);

HEX #85FFDC zu HEX #DE86FF

CSS-Code:

background-image: radial-gradient(circle, #85FFDC 4%, #DE86FF 99%);

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

Linear

HEX #DE86FF zu HEX #FF858F

CSS-Code:

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

Radial

HEX #DE86FF zu HEX #FF858F

CSS-Code:

background-image: radial-gradient(circle, #DE86FF 11%, #FF858F 93%);

HEX #FF858F zu HEX #DE86FF

CSS-Code:

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

HEX #FF858F zu HEX #DE86FF

CSS-Code:

background-image: radial-gradient(circle, #FF858F 14%, #DE86FF 96%);

HEX #DE86FF zu HEX #A7FF85

CSS-Code:

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

HEX #DE86FF zu HEX #A7FF85

CSS-Code:

background-image: radial-gradient(circle, #DE86FF 0%, #A7FF85 95%);

HEX #A7FF85 zu HEX #DE86FF

CSS-Code:

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

HEX #A7FF85 zu HEX #DE86FF

CSS-Code:

background-image: radial-gradient(circle, #A7FF85 3%, #DE86FF 86%);

HEX #DE86FF zu HEX #85FFF5

CSS-Code:

background-image: linear-gradient(135deg, #DE86FF 6%, #85FFF5 94%);

HEX #DE86FF zu HEX #85FFF5

CSS-Code:

background-image: radial-gradient(circle, #DE86FF 10%, #85FFF5 94%);

HEX #85FFF5 zu HEX #DE86FF

CSS-Code:

background-image: linear-gradient(135deg, #85FFF5 10%, #DE86FF 100%);

HEX #85FFF5 zu HEX #DE86FF

CSS-Code:

background-image: radial-gradient(circle, #85FFF5 13%, #DE86FF 91%);

2-Farben Gradienten von #DE86FF - Quadratische Farben

Linear

HEX #DE86FF zu HEX #FF9F85

CSS-Code:

background-image: linear-gradient(135deg, #DE86FF 3%, #FF9F85 95%);

Radial

HEX #DE86FF zu HEX #FF9F85

CSS-Code:

background-image: radial-gradient(circle, #DE86FF 11%, #FF9F85 90%);

HEX #FF9F85 zu HEX #DE86FF

CSS-Code:

background-image: linear-gradient(135deg, #FF9F85 14%, #DE86FF 94%);

HEX #FF9F85 zu HEX #DE86FF

CSS-Code:

background-image: radial-gradient(circle, #FF9F85 9%, #DE86FF 100%);

HEX #DE86FF zu HEX #A7FF85

CSS-Code:

background-image: linear-gradient(135deg, #DE86FF 3%, #A7FF85 98%);

HEX #DE86FF zu HEX #A7FF85

CSS-Code:

background-image: radial-gradient(circle, #DE86FF 11%, #A7FF85 89%);

HEX #A7FF85 zu HEX #DE86FF

CSS-Code:

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

HEX #A7FF85 zu HEX #DE86FF

CSS-Code:

background-image: radial-gradient(circle, #A7FF85 7%, #DE86FF 96%);

HEX #DE86FF zu HEX #85E4FF

CSS-Code:

background-image: linear-gradient(135deg, #DE86FF 0%, #85E4FF 98%);

HEX #DE86FF zu HEX #85E4FF

CSS-Code:

background-image: radial-gradient(circle, #DE86FF 7%, #85E4FF 99%);

HEX #85E4FF zu HEX #DE86FF

CSS-Code:

background-image: linear-gradient(135deg, #85E4FF 12%, #DE86FF 99%);

HEX #85E4FF zu HEX #DE86FF

CSS-Code:

background-image: radial-gradient(circle, #85E4FF 1%, #DE86FF 92%);

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.