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

CSS Gradienten:
#DFAFEF

Information

schließe alle

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.

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.

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

Verifizierung Ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #DFAFEF zu HEX #205010


CSS-Code:

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

Radial

HEX #DFAFEF zu HEX #205010


CSS-Code:

background-image: radial-gradient(circle, #DFAFEF 11%, #205010 99%);

 

HEX #205010 zu HEX #DFAFEF


CSS-Code:

background-image: linear-gradient(135deg, #205010 1%, #DFAFEF 97%);

 

HEX #205010 zu HEX #DFAFEF


CSS-Code:

background-image: radial-gradient(circle, #205010 10%, #DFAFEF 98%);

Linear

HEX #DFAFEF zu HEX #CDAEEF


CSS-Code:

background-image: linear-gradient(135deg, #DFAFEF 6%, #CDAEEF 89%);

Radial

HEX #DFAFEF zu HEX #CDAEEF


CSS-Code:

background-image: radial-gradient(circle, #DFAFEF 12%, #CDAEEF 93%);

 

HEX #CDAEEF zu HEX #DFAFEF


CSS-Code:

background-image: linear-gradient(135deg, #CDAEEF 7%, #DFAFEF 98%);

 

HEX #CDAEEF zu HEX #DFAFEF


CSS-Code:

background-image: radial-gradient(circle, #CDAEEF 3%, #DFAFEF 88%);

 

HEX #DFAFEF zu HEX #DFAEEF


CSS-Code:

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

 

HEX #DFAFEF zu HEX #DFAEEF


CSS-Code:

background-image: radial-gradient(circle, #DFAFEF 0%, #DFAEEF 100%);

 

HEX #DFAEEF zu HEX #DFAFEF


CSS-Code:

background-image: linear-gradient(135deg, #DFAEEF 4%, #DFAFEF 93%);

 

HEX #DFAEEF zu HEX #DFAFEF


CSS-Code:

background-image: radial-gradient(circle, #DFAEEF 1%, #DFAFEF 97%);

 

HEX #DFAFEF zu HEX #EFAEEE


CSS-Code:

background-image: linear-gradient(135deg, #DFAFEF 2%, #EFAEEE 97%);

 

HEX #DFAFEF zu HEX #EFAEEE


CSS-Code:

background-image: radial-gradient(circle, #DFAFEF 3%, #EFAEEE 100%);

 

HEX #EFAEEE zu HEX #DFAFEF


CSS-Code:

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

 

HEX #EFAEEE zu HEX #DFAFEF


CSS-Code:

background-image: radial-gradient(circle, #EFAEEE 1%, #DFAFEF 92%);

 

HEX #DFAFEF zu HEX #EFAEDD


CSS-Code:

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

 

HEX #DFAFEF zu HEX #EFAEDD


CSS-Code:

background-image: radial-gradient(circle, #DFAFEF 4%, #EFAEDD 86%);

 

HEX #EFAEDD zu HEX #DFAFEF


CSS-Code:

background-image: linear-gradient(135deg, #EFAEDD 9%, #DFAFEF 88%);

 

HEX #EFAEDD zu HEX #DFAFEF


CSS-Code:

background-image: radial-gradient(circle, #EFAEDD 13%, #DFAFEF 89%);

Linear

HEX #DFAFEF zu HEX #D18CE8


CSS-Code:

background-image: linear-gradient(135deg, #DFAFEF 7%, #D18CE8 91%);

Radial

HEX #DFAFEF zu HEX #D18CE8


CSS-Code:

background-image: radial-gradient(circle, #DFAFEF 5%, #D18CE8 91%);

 

HEX #D18CE8 zu HEX #DFAFEF


CSS-Code:

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

 

HEX #D18CE8 zu HEX #DFAFEF


CSS-Code:

background-image: radial-gradient(circle, #D18CE8 3%, #DFAFEF 95%);

 

HEX #DFAFEF zu HEX #DFAEEF


CSS-Code:

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

 

HEX #DFAFEF zu HEX #DFAEEF


CSS-Code:

background-image: radial-gradient(circle, #DFAFEF 12%, #DFAEEF 89%);

 

HEX #DFAEEF zu HEX #DFAFEF


CSS-Code:

background-image: linear-gradient(135deg, #DFAEEF 6%, #DFAFEF 86%);

 

HEX #DFAEEF zu HEX #DFAFEF


CSS-Code:

background-image: radial-gradient(circle, #DFAEEF 6%, #DFAFEF 87%);

 

HEX #DFAFEF zu HEX #ECD1F6


CSS-Code:

background-image: linear-gradient(135deg, #DFAFEF 0%, #ECD1F6 96%);

 

HEX #DFAFEF zu HEX #ECD1F6


CSS-Code:

background-image: radial-gradient(circle, #DFAFEF 12%, #ECD1F6 96%);

 

HEX #ECD1F6 zu HEX #DFAFEF


CSS-Code:

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

 

HEX #ECD1F6 zu HEX #DFAFEF


CSS-Code:

background-image: radial-gradient(circle, #ECD1F6 10%, #DFAFEF 91%);

 

HEX #DFAFEF zu HEX #FAF3FD


CSS-Code:

background-image: linear-gradient(135deg, #DFAFEF 3%, #FAF3FD 88%);

 

HEX #DFAFEF zu HEX #FAF3FD


CSS-Code:

background-image: radial-gradient(circle, #DFAFEF 11%, #FAF3FD 92%);

 

HEX #FAF3FD zu HEX #DFAFEF


CSS-Code:

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

 

HEX #FAF3FD zu HEX #DFAFEF


CSS-Code:

background-image: radial-gradient(circle, #FAF3FD 3%, #DFAFEF 94%);

Linear

HEX #DFAFEF zu HEX #CDAEEF


CSS-Code:

background-image: linear-gradient(135deg, #DFAFEF 11%, #CDAEEF 87%);

Radial

HEX #DFAFEF zu HEX #CDAEEF


CSS-Code:

background-image: radial-gradient(circle, #DFAFEF 14%, #CDAEEF 89%);

 

HEX #CDAEEF zu HEX #DFAFEF


CSS-Code:

background-image: linear-gradient(135deg, #CDAEEF 14%, #DFAFEF 99%);

 

HEX #CDAEEF zu HEX #DFAFEF


CSS-Code:

background-image: radial-gradient(circle, #CDAEEF 4%, #DFAFEF 94%);

 

HEX #DFAFEF zu HEX #DFAEEF


CSS-Code:

background-image: linear-gradient(135deg, #DFAFEF 2%, #DFAEEF 91%);

 

HEX #DFAFEF zu HEX #DFAEEF


CSS-Code:

background-image: radial-gradient(circle, #DFAFEF 2%, #DFAEEF 86%);

 

HEX #DFAEEF zu HEX #DFAFEF


CSS-Code:

background-image: linear-gradient(135deg, #DFAEEF 4%, #DFAFEF 89%);

 

HEX #DFAEEF zu HEX #DFAFEF


CSS-Code:

background-image: radial-gradient(circle, #DFAEEF 2%, #DFAFEF 89%);

 

HEX #DFAFEF zu HEX #EFAEEE


CSS-Code:

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

 

HEX #DFAFEF zu HEX #EFAEEE


CSS-Code:

background-image: radial-gradient(circle, #DFAFEF 0%, #EFAEEE 93%);

 

HEX #EFAEEE zu HEX #DFAFEF


CSS-Code:

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

 

HEX #EFAEEE zu HEX #DFAFEF


CSS-Code:

background-image: radial-gradient(circle, #EFAEEE 1%, #DFAFEF 97%);

 

HEX #DFAFEF zu HEX #EFAEDD


CSS-Code:

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

 

HEX #DFAFEF zu HEX #EFAEDD


CSS-Code:

background-image: radial-gradient(circle, #DFAFEF 5%, #EFAEDD 87%);

 

HEX #EFAEDD zu HEX #DFAFEF


CSS-Code:

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

 

HEX #EFAEDD zu HEX #DFAFEF


CSS-Code:

background-image: radial-gradient(circle, #EFAEDD 11%, #DFAFEF 87%);

Linear

HEX #DFAFEF zu HEX #D18CE8


CSS-Code:

background-image: linear-gradient(135deg, #DFAFEF 10%, #D18CE8 100%);

Radial

HEX #DFAFEF zu HEX #D18CE8


CSS-Code:

background-image: radial-gradient(circle, #DFAFEF 4%, #D18CE8 91%);

 

HEX #D18CE8 zu HEX #DFAFEF


CSS-Code:

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

 

HEX #D18CE8 zu HEX #DFAFEF


CSS-Code:

background-image: radial-gradient(circle, #D18CE8 14%, #DFAFEF 98%);

 

HEX #DFAFEF zu HEX #DFAEEF


CSS-Code:

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

 

HEX #DFAFEF zu HEX #DFAEEF


CSS-Code:

background-image: radial-gradient(circle, #DFAFEF 5%, #DFAEEF 94%);

 

HEX #DFAEEF zu HEX #DFAFEF


CSS-Code:

background-image: linear-gradient(135deg, #DFAEEF 12%, #DFAFEF 92%);

 

HEX #DFAEEF zu HEX #DFAFEF


CSS-Code:

background-image: radial-gradient(circle, #DFAEEF 1%, #DFAFEF 96%);

 

HEX #DFAFEF zu HEX #ECD1F6


CSS-Code:

background-image: linear-gradient(135deg, #DFAFEF 2%, #ECD1F6 91%);

 

HEX #DFAFEF zu HEX #ECD1F6


CSS-Code:

background-image: radial-gradient(circle, #DFAFEF 2%, #ECD1F6 95%);

 

HEX #ECD1F6 zu HEX #DFAFEF


CSS-Code:

background-image: linear-gradient(135deg, #ECD1F6 8%, #DFAFEF 92%);

 

HEX #ECD1F6 zu HEX #DFAFEF


CSS-Code:

background-image: radial-gradient(circle, #ECD1F6 3%, #DFAFEF 100%);

 

HEX #DFAFEF zu HEX #FAF3FD


CSS-Code:

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

 

HEX #DFAFEF zu HEX #FAF3FD


CSS-Code:

background-image: radial-gradient(circle, #DFAFEF 3%, #FAF3FD 90%);

 

HEX #FAF3FD zu HEX #DFAFEF


CSS-Code:

background-image: linear-gradient(135deg, #FAF3FD 6%, #DFAFEF 88%);

 

HEX #FAF3FD zu HEX #DFAFEF


CSS-Code:

background-image: radial-gradient(circle, #FAF3FD 3%, #DFAFEF 90%);

Linear

HEX #DFAFEF zu HEX #EFAEB1


CSS-Code:

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

Radial

HEX #DFAFEF zu HEX #EFAEB1


CSS-Code:

background-image: radial-gradient(circle, #DFAFEF 5%, #EFAEB1 95%);

 

HEX #EFAEB1 zu HEX #DFAFEF


CSS-Code:

background-image: linear-gradient(135deg, #EFAEB1 3%, #DFAFEF 92%);

 

HEX #EFAEB1 zu HEX #DFAFEF


CSS-Code:

background-image: radial-gradient(circle, #EFAEB1 9%, #DFAFEF 94%);

 

HEX #DFAFEF zu HEX #AEEFC5


CSS-Code:

background-image: linear-gradient(135deg, #DFAFEF 8%, #AEEFC5 98%);

 

HEX #DFAFEF zu HEX #AEEFC5


CSS-Code:

background-image: radial-gradient(circle, #DFAFEF 2%, #AEEFC5 95%);

 

HEX #AEEFC5 zu HEX #DFAFEF


CSS-Code:

background-image: linear-gradient(135deg, #AEEFC5 3%, #DFAFEF 100%);

 

HEX #AEEFC5 zu HEX #DFAFEF


CSS-Code:

background-image: radial-gradient(circle, #AEEFC5 6%, #DFAFEF 86%);

Linear

HEX #DFAFEF zu HEX #EFDFAE


CSS-Code:

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

Radial

HEX #DFAFEF zu HEX #EFDFAE


CSS-Code:

background-image: radial-gradient(circle, #DFAFEF 1%, #EFDFAE 89%);

 

HEX #EFDFAE zu HEX #DFAFEF


CSS-Code:

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

 

HEX #EFDFAE zu HEX #DFAFEF


CSS-Code:

background-image: radial-gradient(circle, #EFDFAE 7%, #DFAFEF 96%);

 

HEX #DFAFEF zu HEX #AEEFDF


CSS-Code:

background-image: linear-gradient(135deg, #DFAFEF 14%, #AEEFDF 99%);

 

HEX #DFAFEF zu HEX #AEEFDF


CSS-Code:

background-image: radial-gradient(circle, #DFAFEF 10%, #AEEFDF 99%);

 

HEX #AEEFDF zu HEX #DFAFEF


CSS-Code:

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

 

HEX #AEEFDF zu HEX #DFAFEF


CSS-Code:

background-image: radial-gradient(circle, #AEEFDF 14%, #DFAFEF 95%);

Linear

HEX #DFAFEF zu HEX #EFAEB1


CSS-Code:

background-image: linear-gradient(135deg, #DFAFEF 10%, #EFAEB1 100%);

Radial

HEX #DFAFEF zu HEX #EFAEB1


CSS-Code:

background-image: radial-gradient(circle, #DFAFEF 10%, #EFAEB1 100%);

 

HEX #EFAEB1 zu HEX #DFAFEF


CSS-Code:

background-image: linear-gradient(135deg, #EFAEB1 11%, #DFAFEF 86%);

 

HEX #EFAEB1 zu HEX #DFAFEF


CSS-Code:

background-image: radial-gradient(circle, #EFAEB1 1%, #DFAFEF 92%);

 

HEX #DFAFEF zu HEX #BEEFAE


CSS-Code:

background-image: linear-gradient(135deg, #DFAFEF 7%, #BEEFAE 95%);

 

HEX #DFAFEF zu HEX #BEEFAE


CSS-Code:

background-image: radial-gradient(circle, #DFAFEF 5%, #BEEFAE 89%);

 

HEX #BEEFAE zu HEX #DFAFEF


CSS-Code:

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

 

HEX #BEEFAE zu HEX #DFAFEF


CSS-Code:

background-image: radial-gradient(circle, #BEEFAE 14%, #DFAFEF 97%);

 

HEX #DFAFEF zu HEX #AEEFEC


CSS-Code:

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

 

HEX #DFAFEF zu HEX #AEEFEC


CSS-Code:

background-image: radial-gradient(circle, #DFAFEF 7%, #AEEFEC 100%);

 

HEX #AEEFEC zu HEX #DFAFEF


CSS-Code:

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

 

HEX #AEEFEC zu HEX #DFAFEF


CSS-Code:

background-image: radial-gradient(circle, #AEEFEC 5%, #DFAFEF 94%);

Linear

HEX #DFAFEF zu HEX #EFBEAE


CSS-Code:

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

Radial

HEX #DFAFEF zu HEX #EFBEAE


CSS-Code:

background-image: radial-gradient(circle, #DFAFEF 6%, #EFBEAE 90%);

 

HEX #EFBEAE zu HEX #DFAFEF


CSS-Code:

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

 

HEX #EFBEAE zu HEX #DFAFEF


CSS-Code:

background-image: radial-gradient(circle, #EFBEAE 6%, #DFAFEF 93%);

 

HEX #DFAFEF zu HEX #BEEFAE


CSS-Code:

background-image: linear-gradient(135deg, #DFAFEF 4%, #BEEFAE 97%);

 

HEX #DFAFEF zu HEX #BEEFAE


CSS-Code:

background-image: radial-gradient(circle, #DFAFEF 8%, #BEEFAE 97%);

 

HEX #BEEFAE zu HEX #DFAFEF


CSS-Code:

background-image: linear-gradient(135deg, #BEEFAE 3%, #DFAFEF 92%);

 

HEX #BEEFAE zu HEX #DFAFEF


CSS-Code:

background-image: radial-gradient(circle, #BEEFAE 9%, #DFAFEF 100%);

 

HEX #DFAFEF zu HEX #AEDFEF


CSS-Code:

background-image: linear-gradient(135deg, #DFAFEF 0%, #AEDFEF 86%);

 

HEX #DFAFEF zu HEX #AEDFEF


CSS-Code:

background-image: radial-gradient(circle, #DFAFEF 5%, #AEDFEF 94%);

 

HEX #AEDFEF zu HEX #DFAFEF


CSS-Code:

background-image: linear-gradient(135deg, #AEDFEF 7%, #DFAFEF 100%);

 

HEX #AEDFEF zu HEX #DFAFEF


CSS-Code:

background-image: radial-gradient(circle, #AEDFEF 8%, #DFAFEF 87%);

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)

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.

Abbrechen Teilen

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

Teilen

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
Schließen

Erstellen Sie eine Farbpalette

HerunterladenHerunterladen in verschiedenen Formaten

Alle Entfernen

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