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

CSS Gradienten:
#DCDCABCE

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 220 Rot, 220 Grün und 171 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.
220 220 171 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, 18 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.
0% 0% 18% 11% C M Y K

Verifizierung Ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #DCDCABCE zu HEX #232354CE


CSS-Code:

background-image: linear-gradient(135deg, #DCDCABCE 10%, #232354CE 95%);

Radial

HEX #DCDCABCE zu HEX #232354CE


CSS-Code:

background-image: radial-gradient(circle, #DCDCABCE 7%, #232354CE 98%);

 

HEX #232354CE zu HEX #DCDCABCE


CSS-Code:

background-image: linear-gradient(135deg, #232354CE 6%, #DCDCABCE 98%);

 

HEX #232354CE zu HEX #DCDCABCE


CSS-Code:

background-image: radial-gradient(circle, #232354CE 3%, #DCDCABCE 100%);

Linear

HEX #DCDCABCE zu HEX #DCD0ACCE


CSS-Code:

background-image: linear-gradient(135deg, #DCDCABCE 2%, #DCD0ACCE 93%);

Radial

HEX #DCDCABCE zu HEX #DCD0ACCE


CSS-Code:

background-image: radial-gradient(circle, #DCDCABCE 3%, #DCD0ACCE 98%);

 

HEX #DCD0ACCE zu HEX #DCDCABCE


CSS-Code:

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

 

HEX #DCD0ACCE zu HEX #DCDCABCE


CSS-Code:

background-image: radial-gradient(circle, #DCD0ACCE 12%, #DCDCABCE 95%);

 

HEX #DCDCABCE zu HEX #DCDCACCE


CSS-Code:

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

 

HEX #DCDCABCE zu HEX #DCDCACCE


CSS-Code:

background-image: radial-gradient(circle, #DCDCABCE 14%, #DCDCACCE 100%);

 

HEX #DCDCACCE zu HEX #DCDCABCE


CSS-Code:

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

 

HEX #DCDCACCE zu HEX #DCDCABCE


CSS-Code:

background-image: radial-gradient(circle, #DCDCACCE 7%, #DCDCABCE 100%);

 

HEX #DCDCABCE zu HEX #D0DCACCE


CSS-Code:

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

 

HEX #DCDCABCE zu HEX #D0DCACCE


CSS-Code:

background-image: radial-gradient(circle, #DCDCABCE 8%, #D0DCACCE 94%);

 

HEX #D0DCACCE zu HEX #DCDCABCE


CSS-Code:

background-image: linear-gradient(135deg, #D0DCACCE 5%, #DCDCABCE 87%);

 

HEX #D0DCACCE zu HEX #DCDCABCE


CSS-Code:

background-image: radial-gradient(circle, #D0DCACCE 0%, #DCDCABCE 99%);

 

HEX #DCDCABCE zu HEX #C3DCACCE


CSS-Code:

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

 

HEX #DCDCABCE zu HEX #C3DCACCE


CSS-Code:

background-image: radial-gradient(circle, #DCDCABCE 10%, #C3DCACCE 89%);

 

HEX #C3DCACCE zu HEX #DCDCABCE


CSS-Code:

background-image: linear-gradient(135deg, #C3DCACCE 4%, #DCDCABCE 100%);

 

HEX #C3DCACCE zu HEX #DCDCABCE


CSS-Code:

background-image: radial-gradient(circle, #C3DCACCE 14%, #DCDCABCE 96%);

Linear

HEX #DCDCABCE zu HEX #D0D08F


CSS-Code:

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

Radial

HEX #DCDCABCE zu HEX #D0D08F


CSS-Code:

background-image: radial-gradient(circle, #DCDCABCE 3%, #D0D08F 90%);

 

HEX #D0D08F zu HEX #DCDCABCE


CSS-Code:

background-image: linear-gradient(135deg, #D0D08F 11%, #DCDCABCE 99%);

 

HEX #D0D08F zu HEX #DCDCABCE


CSS-Code:

background-image: radial-gradient(circle, #D0D08F 8%, #DCDCABCE 95%);

 

HEX #DCDCABCE zu HEX #DCDCAC


CSS-Code:

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

 

HEX #DCDCABCE zu HEX #DCDCAC


CSS-Code:

background-image: radial-gradient(circle, #DCDCABCE 1%, #DCDCAC 96%);

 

HEX #DCDCAC zu HEX #DCDCABCE


CSS-Code:

background-image: linear-gradient(135deg, #DCDCAC 7%, #DCDCABCE 93%);

 

HEX #DCDCAC zu HEX #DCDCABCE


CSS-Code:

background-image: radial-gradient(circle, #DCDCAC 2%, #DCDCABCE 92%);

 

HEX #DCDCABCE zu HEX #E9E9C9


CSS-Code:

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

 

HEX #DCDCABCE zu HEX #E9E9C9


CSS-Code:

background-image: radial-gradient(circle, #DCDCABCE 14%, #E9E9C9 100%);

 

HEX #E9E9C9 zu HEX #DCDCABCE


CSS-Code:

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

 

HEX #E9E9C9 zu HEX #DCDCABCE


CSS-Code:

background-image: radial-gradient(circle, #E9E9C9 7%, #DCDCABCE 91%);

 

HEX #DCDCABCE zu HEX #F5F5E6


CSS-Code:

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

 

HEX #DCDCABCE zu HEX #F5F5E6


CSS-Code:

background-image: radial-gradient(circle, #DCDCABCE 3%, #F5F5E6 92%);

 

HEX #F5F5E6 zu HEX #DCDCABCE


CSS-Code:

background-image: linear-gradient(135deg, #F5F5E6 7%, #DCDCABCE 93%);

 

HEX #F5F5E6 zu HEX #DCDCABCE


CSS-Code:

background-image: radial-gradient(circle, #F5F5E6 5%, #DCDCABCE 87%);

Linear

HEX #DCDCABCE zu HEX #DCD0ACCE


CSS-Code:

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

Radial

HEX #DCDCABCE zu HEX #DCD0ACCE


CSS-Code:

background-image: radial-gradient(circle, #DCDCABCE 5%, #DCD0ACCE 95%);

 

HEX #DCD0ACCE zu HEX #DCDCABCE


CSS-Code:

background-image: linear-gradient(135deg, #DCD0ACCE 10%, #DCDCABCE 99%);

 

HEX #DCD0ACCE zu HEX #DCDCABCE


CSS-Code:

background-image: radial-gradient(circle, #DCD0ACCE 11%, #DCDCABCE 96%);

 

HEX #DCDCABCE zu HEX #DCDCACCE


CSS-Code:

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

 

HEX #DCDCABCE zu HEX #DCDCACCE


CSS-Code:

background-image: radial-gradient(circle, #DCDCABCE 13%, #DCDCACCE 95%);

 

HEX #DCDCACCE zu HEX #DCDCABCE


CSS-Code:

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

 

HEX #DCDCACCE zu HEX #DCDCABCE


CSS-Code:

background-image: radial-gradient(circle, #DCDCACCE 7%, #DCDCABCE 94%);

 

HEX #DCDCABCE zu HEX #D0DCACCE


CSS-Code:

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

 

HEX #DCDCABCE zu HEX #D0DCACCE


CSS-Code:

background-image: radial-gradient(circle, #DCDCABCE 11%, #D0DCACCE 100%);

 

HEX #D0DCACCE zu HEX #DCDCABCE


CSS-Code:

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

 

HEX #D0DCACCE zu HEX #DCDCABCE


CSS-Code:

background-image: radial-gradient(circle, #D0DCACCE 2%, #DCDCABCE 92%);

 

HEX #DCDCABCE zu HEX #C3DCACCE


CSS-Code:

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

 

HEX #DCDCABCE zu HEX #C3DCACCE


CSS-Code:

background-image: radial-gradient(circle, #DCDCABCE 12%, #C3DCACCE 100%);

 

HEX #C3DCACCE zu HEX #DCDCABCE


CSS-Code:

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

 

HEX #C3DCACCE zu HEX #DCDCABCE


CSS-Code:

background-image: radial-gradient(circle, #C3DCACCE 4%, #DCDCABCE 96%);

Linear

HEX #DCDCABCE zu HEX #D0D08F


CSS-Code:

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

Radial

HEX #DCDCABCE zu HEX #D0D08F


CSS-Code:

background-image: radial-gradient(circle, #DCDCABCE 13%, #D0D08F 91%);

 

HEX #D0D08F zu HEX #DCDCABCE


CSS-Code:

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

 

HEX #D0D08F zu HEX #DCDCABCE


CSS-Code:

background-image: radial-gradient(circle, #D0D08F 1%, #DCDCABCE 99%);

 

HEX #DCDCABCE zu HEX #DCDCAC


CSS-Code:

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

 

HEX #DCDCABCE zu HEX #DCDCAC


CSS-Code:

background-image: radial-gradient(circle, #DCDCABCE 9%, #DCDCAC 96%);

 

HEX #DCDCAC zu HEX #DCDCABCE


CSS-Code:

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

 

HEX #DCDCAC zu HEX #DCDCABCE


CSS-Code:

background-image: radial-gradient(circle, #DCDCAC 3%, #DCDCABCE 88%);

 

HEX #DCDCABCE zu HEX #E9E9C9


CSS-Code:

background-image: linear-gradient(135deg, #DCDCABCE 1%, #E9E9C9 100%);

 

HEX #DCDCABCE zu HEX #E9E9C9


CSS-Code:

background-image: radial-gradient(circle, #DCDCABCE 0%, #E9E9C9 90%);

 

HEX #E9E9C9 zu HEX #DCDCABCE


CSS-Code:

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

 

HEX #E9E9C9 zu HEX #DCDCABCE


CSS-Code:

background-image: radial-gradient(circle, #E9E9C9 5%, #DCDCABCE 90%);

 

HEX #DCDCABCE zu HEX #F5F5E6


CSS-Code:

background-image: linear-gradient(135deg, #DCDCABCE 1%, #F5F5E6 87%);

 

HEX #DCDCABCE zu HEX #F5F5E6


CSS-Code:

background-image: radial-gradient(circle, #DCDCABCE 5%, #F5F5E6 94%);

 

HEX #F5F5E6 zu HEX #DCDCABCE


CSS-Code:

background-image: linear-gradient(135deg, #F5F5E6 5%, #DCDCABCE 95%);

 

HEX #F5F5E6 zu HEX #DCDCABCE


CSS-Code:

background-image: radial-gradient(circle, #F5F5E6 10%, #DCDCABCE 86%);

Linear

HEX #DCDCABCE zu HEX #ACDCB6


CSS-Code:

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

Radial

HEX #DCDCABCE zu HEX #ACDCB6


CSS-Code:

background-image: radial-gradient(circle, #DCDCABCE 1%, #ACDCB6 87%);

 

HEX #ACDCB6 zu HEX #DCDCABCE


CSS-Code:

background-image: linear-gradient(135deg, #ACDCB6 12%, #DCDCABCE 91%);

 

HEX #ACDCB6 zu HEX #DCDCABCE


CSS-Code:

background-image: radial-gradient(circle, #ACDCB6 7%, #DCDCABCE 86%);

 

HEX #DCDCABCE zu HEX #C9ACDC


CSS-Code:

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

 

HEX #DCDCABCE zu HEX #C9ACDC


CSS-Code:

background-image: radial-gradient(circle, #DCDCABCE 11%, #C9ACDC 92%);

 

HEX #C9ACDC zu HEX #DCDCABCE


CSS-Code:

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

 

HEX #C9ACDC zu HEX #DCDCABCE


CSS-Code:

background-image: radial-gradient(circle, #C9ACDC 8%, #DCDCABCE 86%);

Linear

HEX #DCDCABCE zu HEX #ACDCDC


CSS-Code:

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

Radial

HEX #DCDCABCE zu HEX #ACDCDC


CSS-Code:

background-image: radial-gradient(circle, #DCDCABCE 3%, #ACDCDC 91%);

 

HEX #ACDCDC zu HEX #DCDCABCE


CSS-Code:

background-image: linear-gradient(135deg, #ACDCDC 13%, #DCDCABCE 89%);

 

HEX #ACDCDC zu HEX #DCDCABCE


CSS-Code:

background-image: radial-gradient(circle, #ACDCDC 5%, #DCDCABCE 98%);

 

HEX #DCDCABCE zu HEX #DCACDC


CSS-Code:

background-image: linear-gradient(135deg, #DCDCABCE 0%, #DCACDC 93%);

 

HEX #DCDCABCE zu HEX #DCACDC


CSS-Code:

background-image: radial-gradient(circle, #DCDCABCE 3%, #DCACDC 96%);

 

HEX #DCACDC zu HEX #DCDCABCE


CSS-Code:

background-image: linear-gradient(135deg, #DCACDC 5%, #DCDCABCE 93%);

 

HEX #DCACDC zu HEX #DCDCABCE


CSS-Code:

background-image: radial-gradient(circle, #DCACDC 10%, #DCDCABCE 93%);

Linear

HEX #DCDCABCE zu HEX #ACDCB6


CSS-Code:

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

Radial

HEX #DCDCABCE zu HEX #ACDCB6


CSS-Code:

background-image: radial-gradient(circle, #DCDCABCE 5%, #ACDCB6 86%);

 

HEX #ACDCB6 zu HEX #DCDCABCE


CSS-Code:

background-image: linear-gradient(135deg, #ACDCB6 12%, #DCDCABCE 96%);

 

HEX #ACDCB6 zu HEX #DCDCABCE


CSS-Code:

background-image: radial-gradient(circle, #ACDCB6 9%, #DCDCABCE 94%);

 

HEX #DCDCABCE zu HEX #ACACDC


CSS-Code:

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

 

HEX #DCDCABCE zu HEX #ACACDC


CSS-Code:

background-image: radial-gradient(circle, #DCDCABCE 0%, #ACACDC 91%);

 

HEX #ACACDC zu HEX #DCDCABCE


CSS-Code:

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

 

HEX #ACACDC zu HEX #DCDCABCE


CSS-Code:

background-image: radial-gradient(circle, #ACACDC 9%, #DCDCABCE 94%);

 

HEX #DCDCABCE zu HEX #DCACD3


CSS-Code:

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

 

HEX #DCDCABCE zu HEX #DCACD3


CSS-Code:

background-image: radial-gradient(circle, #DCDCABCE 8%, #DCACD3 86%);

 

HEX #DCACD3 zu HEX #DCDCABCE


CSS-Code:

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

 

HEX #DCACD3 zu HEX #DCDCABCE


CSS-Code:

background-image: radial-gradient(circle, #DCACD3 3%, #DCDCABCE 92%);

Linear

HEX #DCDCABCE zu HEX #ACDCC4


CSS-Code:

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

Radial

HEX #DCDCABCE zu HEX #ACDCC4


CSS-Code:

background-image: radial-gradient(circle, #DCDCABCE 5%, #ACDCC4 88%);

 

HEX #ACDCC4 zu HEX #DCDCABCE


CSS-Code:

background-image: linear-gradient(135deg, #ACDCC4 1%, #DCDCABCE 100%);

 

HEX #ACDCC4 zu HEX #DCDCABCE


CSS-Code:

background-image: radial-gradient(circle, #ACDCC4 3%, #DCDCABCE 99%);

 

HEX #DCDCABCE zu HEX #ACACDC


CSS-Code:

background-image: linear-gradient(135deg, #DCDCABCE 3%, #ACACDC 89%);

 

HEX #DCDCABCE zu HEX #ACACDC


CSS-Code:

background-image: radial-gradient(circle, #DCDCABCE 6%, #ACACDC 86%);

 

HEX #ACACDC zu HEX #DCDCABCE


CSS-Code:

background-image: linear-gradient(135deg, #ACACDC 6%, #DCDCABCE 92%);

 

HEX #ACACDC zu HEX #DCDCABCE


CSS-Code:

background-image: radial-gradient(circle, #ACACDC 10%, #DCDCABCE 91%);

 

HEX #DCDCABCE zu HEX #DCACC4


CSS-Code:

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

 

HEX #DCDCABCE zu HEX #DCACC4


CSS-Code:

background-image: radial-gradient(circle, #DCDCABCE 0%, #DCACC4 100%);

 

HEX #DCACC4 zu HEX #DCDCABCE


CSS-Code:

background-image: linear-gradient(135deg, #DCACC4 7%, #DCDCABCE 96%);

 

HEX #DCACC4 zu HEX #DCDCABCE


CSS-Code:

background-image: radial-gradient(circle, #DCACC4 14%, #DCDCABCE 98%);

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.