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

CSS Gradienten:
RGB 205 164 238

Information

schließe alle

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.

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.

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

Da die Farbwerte im Vergleich zu anderen relativ hoch sind, erscheint uns dieser Farbton heller.

Die Aufschlüsselung der Farbe in das RGB-Farbsystem: In diesem Farbton sind von 255 maximalen Farbanteilen jeweils 205 Rot, 164 Grün und 238 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.
205 164 238 R G B
Im CMYK-Farbsystem wird die Farbe folgendermaßen zusammengesetzt: In diesem Farbton sind von 100 maximalen Farbanteilen jeweils 14 Cyan, 31 Magenta, keine Gelb und 7 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.
14% 31% 0% 7% C M Y K

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #CDA4EE zu HEX #325B11


CSS-Code:

background-image: linear-gradient(135deg, #CDA4EE 1%, #325B11 97%);

Radial

HEX #CDA4EE zu HEX #325B11


CSS-Code:

background-image: radial-gradient(circle, #CDA4EE 1%, #325B11 98%);

 

HEX #325B11 zu HEX #CDA4EE


CSS-Code:

background-image: linear-gradient(135deg, #325B11 7%, #CDA4EE 90%);

 

HEX #325B11 zu HEX #CDA4EE


CSS-Code:

background-image: radial-gradient(circle, #325B11 4%, #CDA4EE 86%);

Linear

HEX #CDA4EE zu HEX #E3B6FC


CSS-Code:

background-image: linear-gradient(135deg, #CDA4EE 12%, #E3B6FC 100%);

Radial

HEX #CDA4EE zu HEX #E3B6FC


CSS-Code:

background-image: radial-gradient(circle, #CDA4EE 0%, #E3B6FC 88%);

 

HEX #E3B6FC zu HEX #CDA4EE


CSS-Code:

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

 

HEX #E3B6FC zu HEX #CDA4EE


CSS-Code:

background-image: radial-gradient(circle, #E3B6FC 3%, #CDA4EE 97%);

 

HEX #CDA4EE zu HEX #F4C8FF


CSS-Code:

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

 

HEX #CDA4EE zu HEX #F4C8FF


CSS-Code:

background-image: radial-gradient(circle, #CDA4EE 5%, #F4C8FF 96%);

 

HEX #F4C8FF zu HEX #CDA4EE


CSS-Code:

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

 

HEX #F4C8FF zu HEX #CDA4EE


CSS-Code:

background-image: radial-gradient(circle, #F4C8FF 5%, #CDA4EE 90%);

 

HEX #CDA4EE zu HEX #FFDAFF


CSS-Code:

background-image: linear-gradient(135deg, #CDA4EE 8%, #FFDAFF 95%);

 

HEX #CDA4EE zu HEX #FFDAFF


CSS-Code:

background-image: radial-gradient(circle, #CDA4EE 14%, #FFDAFF 91%);

 

HEX #FFDAFF zu HEX #CDA4EE


CSS-Code:

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

 

HEX #FFDAFF zu HEX #CDA4EE


CSS-Code:

background-image: radial-gradient(circle, #FFDAFF 13%, #CDA4EE 90%);

 

HEX #CDA4EE zu HEX #FFECFF


CSS-Code:

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

 

HEX #CDA4EE zu HEX #FFECFF


CSS-Code:

background-image: radial-gradient(circle, #CDA4EE 1%, #FFECFF 87%);

 

HEX #FFECFF zu HEX #CDA4EE


CSS-Code:

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

 

HEX #FFECFF zu HEX #CDA4EE


CSS-Code:

background-image: radial-gradient(circle, #FFECFF 13%, #CDA4EE 92%);

Linear

HEX #CDA4EE zu HEX #BC92DB


CSS-Code:

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

Radial

HEX #CDA4EE zu HEX #BC92DB


CSS-Code:

background-image: radial-gradient(circle, #CDA4EE 6%, #BC92DB 95%);

 

HEX #BC92DB zu HEX #CDA4EE


CSS-Code:

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

 

HEX #BC92DB zu HEX #CDA4EE


CSS-Code:

background-image: radial-gradient(circle, #BC92DB 6%, #CDA4EE 100%);

 

HEX #CDA4EE zu HEX #AB80C8


CSS-Code:

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

 

HEX #CDA4EE zu HEX #AB80C8


CSS-Code:

background-image: radial-gradient(circle, #CDA4EE 1%, #AB80C8 99%);

 

HEX #AB80C8 zu HEX #CDA4EE


CSS-Code:

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

 

HEX #AB80C8 zu HEX #CDA4EE


CSS-Code:

background-image: radial-gradient(circle, #AB80C8 6%, #CDA4EE 95%);

 

HEX #CDA4EE zu HEX #9A6EB5


CSS-Code:

background-image: linear-gradient(135deg, #CDA4EE 12%, #9A6EB5 95%);

 

HEX #CDA4EE zu HEX #9A6EB5


CSS-Code:

background-image: radial-gradient(circle, #CDA4EE 11%, #9A6EB5 88%);

 

HEX #9A6EB5 zu HEX #CDA4EE


CSS-Code:

background-image: linear-gradient(135deg, #9A6EB5 1%, #CDA4EE 91%);

 

HEX #9A6EB5 zu HEX #CDA4EE


CSS-Code:

background-image: radial-gradient(circle, #9A6EB5 9%, #CDA4EE 93%);

 

HEX #CDA4EE zu HEX #895CA2


CSS-Code:

background-image: linear-gradient(135deg, #CDA4EE 4%, #895CA2 88%);

 

HEX #CDA4EE zu HEX #895CA2


CSS-Code:

background-image: radial-gradient(circle, #CDA4EE 6%, #895CA2 91%);

 

HEX #895CA2 zu HEX #CDA4EE


CSS-Code:

background-image: linear-gradient(135deg, #895CA2 1%, #CDA4EE 98%);

 

HEX #895CA2 zu HEX #CDA4EE


CSS-Code:

background-image: radial-gradient(circle, #895CA2 13%, #CDA4EE 89%);

Linear

HEX #CDA4EE zu HEX #D9A4EE


CSS-Code:

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

Radial

HEX #CDA4EE zu HEX #D9A4EE


CSS-Code:

background-image: radial-gradient(circle, #CDA4EE 12%, #D9A4EE 92%);

 

HEX #D9A4EE zu HEX #CDA4EE


CSS-Code:

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

 

HEX #D9A4EE zu HEX #CDA4EE


CSS-Code:

background-image: radial-gradient(circle, #D9A4EE 1%, #CDA4EE 99%);

 

HEX #CDA4EE zu HEX #E5A4EE


CSS-Code:

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

 

HEX #CDA4EE zu HEX #E5A4EE


CSS-Code:

background-image: radial-gradient(circle, #CDA4EE 0%, #E5A4EE 98%);

 

HEX #E5A4EE zu HEX #CDA4EE


CSS-Code:

background-image: linear-gradient(135deg, #E5A4EE 1%, #CDA4EE 90%);

 

HEX #E5A4EE zu HEX #CDA4EE


CSS-Code:

background-image: radial-gradient(circle, #E5A4EE 7%, #CDA4EE 97%);

 

HEX #CDA4EE zu HEX #EEA4EA


CSS-Code:

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

 

HEX #CDA4EE zu HEX #EEA4EA


CSS-Code:

background-image: radial-gradient(circle, #CDA4EE 1%, #EEA4EA 93%);

 

HEX #EEA4EA zu HEX #CDA4EE


CSS-Code:

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

 

HEX #EEA4EA zu HEX #CDA4EE


CSS-Code:

background-image: radial-gradient(circle, #EEA4EA 13%, #CDA4EE 91%);

 

HEX #CDA4EE zu HEX #EEA4DE


CSS-Code:

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

 

HEX #CDA4EE zu HEX #EEA4DE


CSS-Code:

background-image: radial-gradient(circle, #CDA4EE 2%, #EEA4DE 92%);

 

HEX #EEA4DE zu HEX #CDA4EE


CSS-Code:

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

 

HEX #EEA4DE zu HEX #CDA4EE


CSS-Code:

background-image: radial-gradient(circle, #EEA4DE 6%, #CDA4EE 92%);

Linear

HEX #CDA4EE zu HEX #1D1722


CSS-Code:

background-image: linear-gradient(135deg, #CDA4EE 6%, #1D1722 86%);

Radial

HEX #CDA4EE zu HEX #1D1722


CSS-Code:

background-image: radial-gradient(circle, #CDA4EE 0%, #1D1722 98%);

 

HEX #1D1722 zu HEX #CDA4EE


CSS-Code:

background-image: linear-gradient(135deg, #1D1722 7%, #CDA4EE 91%);

 

HEX #1D1722 zu HEX #CDA4EE


CSS-Code:

background-image: radial-gradient(circle, #1D1722 11%, #CDA4EE 92%);

 

HEX #CDA4EE zu HEX #493B55


CSS-Code:

background-image: linear-gradient(135deg, #CDA4EE 2%, #493B55 93%);

 

HEX #CDA4EE zu HEX #493B55


CSS-Code:

background-image: radial-gradient(circle, #CDA4EE 2%, #493B55 93%);

 

HEX #493B55 zu HEX #CDA4EE


CSS-Code:

background-image: linear-gradient(135deg, #493B55 3%, #CDA4EE 88%);

 

HEX #493B55 zu HEX #CDA4EE


CSS-Code:

background-image: radial-gradient(circle, #493B55 7%, #CDA4EE 96%);

 

HEX #CDA4EE zu HEX #755E88


CSS-Code:

background-image: linear-gradient(135deg, #CDA4EE 11%, #755E88 86%);

 

HEX #CDA4EE zu HEX #755E88


CSS-Code:

background-image: radial-gradient(circle, #CDA4EE 9%, #755E88 98%);

 

HEX #755E88 zu HEX #CDA4EE


CSS-Code:

background-image: linear-gradient(135deg, #755E88 3%, #CDA4EE 97%);

 

HEX #755E88 zu HEX #CDA4EE


CSS-Code:

background-image: radial-gradient(circle, #755E88 3%, #CDA4EE 99%);

 

HEX #CDA4EE zu HEX #A181BB


CSS-Code:

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

 

HEX #CDA4EE zu HEX #A181BB


CSS-Code:

background-image: radial-gradient(circle, #CDA4EE 11%, #A181BB 90%);

 

HEX #A181BB zu HEX #CDA4EE


CSS-Code:

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

 

HEX #A181BB zu HEX #CDA4EE


CSS-Code:

background-image: radial-gradient(circle, #A181BB 10%, #CDA4EE 89%);

Linear

HEX #CDA4EE zu HEX #EEA4B6


CSS-Code:

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

Radial

HEX #CDA4EE zu HEX #EEA4B6


CSS-Code:

background-image: radial-gradient(circle, #CDA4EE 9%, #EEA4B6 96%);

 

HEX #EEA4B6 zu HEX #CDA4EE


CSS-Code:

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

 

HEX #EEA4B6 zu HEX #CDA4EE


CSS-Code:

background-image: radial-gradient(circle, #EEA4B6 4%, #CDA4EE 92%);

 

HEX #CDA4EE zu HEX #A4EEAF


CSS-Code:

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

 

HEX #CDA4EE zu HEX #A4EEAF


CSS-Code:

background-image: radial-gradient(circle, #CDA4EE 2%, #A4EEAF 94%);

 

HEX #A4EEAF zu HEX #CDA4EE


CSS-Code:

background-image: linear-gradient(135deg, #A4EEAF 13%, #CDA4EE 99%);

 

HEX #A4EEAF zu HEX #CDA4EE


CSS-Code:

background-image: radial-gradient(circle, #A4EEAF 1%, #CDA4EE 86%);

Linear

HEX #CDA4EE zu HEX #EECDA4


CSS-Code:

background-image: linear-gradient(135deg, #CDA4EE 14%, #EECDA4 88%);

Radial

HEX #CDA4EE zu HEX #EECDA4


CSS-Code:

background-image: radial-gradient(circle, #CDA4EE 14%, #EECDA4 99%);

 

HEX #EECDA4 zu HEX #CDA4EE


CSS-Code:

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

 

HEX #EECDA4 zu HEX #CDA4EE


CSS-Code:

background-image: radial-gradient(circle, #EECDA4 3%, #CDA4EE 94%);

 

HEX #CDA4EE zu HEX #A4EECD


CSS-Code:

background-image: linear-gradient(135deg, #CDA4EE 11%, #A4EECD 96%);

 

HEX #CDA4EE zu HEX #A4EECD


CSS-Code:

background-image: radial-gradient(circle, #CDA4EE 1%, #A4EECD 99%);

 

HEX #A4EECD zu HEX #CDA4EE


CSS-Code:

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

 

HEX #A4EECD zu HEX #CDA4EE


CSS-Code:

background-image: radial-gradient(circle, #A4EECD 13%, #CDA4EE 91%);

Linear

HEX #CDA4EE zu HEX #EEA4B6


CSS-Code:

background-image: linear-gradient(135deg, #CDA4EE 10%, #EEA4B6 92%);

Radial

HEX #CDA4EE zu HEX #EEA4B6


CSS-Code:

background-image: radial-gradient(circle, #CDA4EE 8%, #EEA4B6 95%);

 

HEX #EEA4B6 zu HEX #CDA4EE


CSS-Code:

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

 

HEX #EEA4B6 zu HEX #CDA4EE


CSS-Code:

background-image: radial-gradient(circle, #EEA4B6 14%, #CDA4EE 99%);

 

HEX #CDA4EE zu HEX #C5EEA4


CSS-Code:

background-image: linear-gradient(135deg, #CDA4EE 3%, #C5EEA4 96%);

 

HEX #CDA4EE zu HEX #C5EEA4


CSS-Code:

background-image: radial-gradient(circle, #CDA4EE 13%, #C5EEA4 98%);

 

HEX #C5EEA4 zu HEX #CDA4EE


CSS-Code:

background-image: linear-gradient(135deg, #C5EEA4 8%, #CDA4EE 93%);

 

HEX #C5EEA4 zu HEX #CDA4EE


CSS-Code:

background-image: radial-gradient(circle, #C5EEA4 10%, #CDA4EE 100%);

 

HEX #CDA4EE zu HEX #A4EEDB


CSS-Code:

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

 

HEX #CDA4EE zu HEX #A4EEDB


CSS-Code:

background-image: radial-gradient(circle, #CDA4EE 2%, #A4EEDB 92%);

 

HEX #A4EEDB zu HEX #CDA4EE


CSS-Code:

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

 

HEX #A4EEDB zu HEX #CDA4EE


CSS-Code:

background-image: radial-gradient(circle, #A4EEDB 11%, #CDA4EE 91%);

Linear

HEX #CDA4EE zu HEX #EEA8A4


CSS-Code:

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

Radial

HEX #CDA4EE zu HEX #EEA8A4


CSS-Code:

background-image: radial-gradient(circle, #CDA4EE 7%, #EEA8A4 88%);

 

HEX #EEA8A4 zu HEX #CDA4EE


CSS-Code:

background-image: linear-gradient(135deg, #EEA8A4 11%, #CDA4EE 97%);

 

HEX #EEA8A4 zu HEX #CDA4EE


CSS-Code:

background-image: radial-gradient(circle, #EEA8A4 6%, #CDA4EE 96%);

 

HEX #CDA4EE zu HEX #C5EEA4


CSS-Code:

background-image: linear-gradient(135deg, #CDA4EE 5%, #C5EEA4 91%);

 

HEX #CDA4EE zu HEX #C5EEA4


CSS-Code:

background-image: radial-gradient(circle, #CDA4EE 11%, #C5EEA4 87%);

 

HEX #C5EEA4 zu HEX #CDA4EE


CSS-Code:

background-image: linear-gradient(135deg, #C5EEA4 2%, #CDA4EE 90%);

 

HEX #C5EEA4 zu HEX #CDA4EE


CSS-Code:

background-image: radial-gradient(circle, #C5EEA4 4%, #CDA4EE 88%);

 

HEX #CDA4EE zu HEX #A4EAEE


CSS-Code:

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

 

HEX #CDA4EE zu HEX #A4EAEE


CSS-Code:

background-image: radial-gradient(circle, #CDA4EE 2%, #A4EAEE 97%);

 

HEX #A4EAEE zu HEX #CDA4EE


CSS-Code:

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

 

HEX #A4EAEE zu HEX #CDA4EE


CSS-Code:

background-image: radial-gradient(circle, #A4EAEE 3%, #CDA4EE 88%);

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)

To be able to save color palettes, you must be logged in.

Sign in to your account

or

Create an account

Current color palette Share
Should it be public or private?
Link(s) will follow after sharing.

Cancel Share

Color palette shared
Please copy and save the link you want.

Share

OK, I have copied the links

Your colors will be saved in a new color palette.
View it under your profile.
You can further customize it, and share it.

Show color palette
Close

Create a color palette

DownloadDownload in different formats

Remove All

By clicking you can create palettes and download the color swatches.