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

CSS Gradienten:
#FCA16DCE

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 252 Rot, 161 Grün und 109 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.
252 161 109 R G B
Im CMYK-Farbsystem wird die Farbe folgendermaßen zusammengesetzt: In diesem Farbton sind von 100 maximalen Farbanteilen jeweils keine Cyan, 29 Magenta, 46 Gelb und 1 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% 29% 46% 1% C M Y K

Verifizierung Ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #FCA16DCE zu HEX #035E92CE


CSS-Code:

background-image: linear-gradient(135deg, #FCA16DCE 5%, #035E92CE 91%);

Radial

HEX #FCA16DCE zu HEX #035E92CE


CSS-Code:

background-image: radial-gradient(circle, #FCA16DCE 6%, #035E92CE 93%);

 

HEX #035E92CE zu HEX #FCA16DCE


CSS-Code:

background-image: linear-gradient(135deg, #035E92CE 1%, #FCA16DCE 92%);

 

HEX #035E92CE zu HEX #FCA16DCE


CSS-Code:

background-image: radial-gradient(circle, #035E92CE 4%, #FCA16DCE 99%);

Linear

HEX #FCA16DCE zu HEX #FC7A6ECE


CSS-Code:

background-image: linear-gradient(135deg, #FCA16DCE 5%, #FC7A6ECE 100%);

Radial

HEX #FCA16DCE zu HEX #FC7A6ECE


CSS-Code:

background-image: radial-gradient(circle, #FCA16DCE 11%, #FC7A6ECE 87%);

 

HEX #FC7A6ECE zu HEX #FCA16DCE


CSS-Code:

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

 

HEX #FC7A6ECE zu HEX #FCA16DCE


CSS-Code:

background-image: radial-gradient(circle, #FC7A6ECE 11%, #FCA16DCE 88%);

 

HEX #FCA16DCE zu HEX #FCA06ECE


CSS-Code:

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

 

HEX #FCA16DCE zu HEX #FCA06ECE


CSS-Code:

background-image: radial-gradient(circle, #FCA16DCE 12%, #FCA06ECE 97%);

 

HEX #FCA06ECE zu HEX #FCA16DCE


CSS-Code:

background-image: linear-gradient(135deg, #FCA06ECE 12%, #FCA16DCE 89%);

 

HEX #FCA06ECE zu HEX #FCA16DCE


CSS-Code:

background-image: radial-gradient(circle, #FCA06ECE 14%, #FCA16DCE 94%);

 

HEX #FCA16DCE zu HEX #FCC66ECE


CSS-Code:

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

 

HEX #FCA16DCE zu HEX #FCC66ECE


CSS-Code:

background-image: radial-gradient(circle, #FCA16DCE 3%, #FCC66ECE 95%);

 

HEX #FCC66ECE zu HEX #FCA16DCE


CSS-Code:

background-image: linear-gradient(135deg, #FCC66ECE 13%, #FCA16DCE 95%);

 

HEX #FCC66ECE zu HEX #FCA16DCE


CSS-Code:

background-image: radial-gradient(circle, #FCC66ECE 7%, #FCA16DCE 90%);

 

HEX #FCA16DCE zu HEX #FCEB6ECE


CSS-Code:

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

 

HEX #FCA16DCE zu HEX #FCEB6ECE


CSS-Code:

background-image: radial-gradient(circle, #FCA16DCE 3%, #FCEB6ECE 86%);

 

HEX #FCEB6ECE zu HEX #FCA16DCE


CSS-Code:

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

 

HEX #FCEB6ECE zu HEX #FCA16DCE


CSS-Code:

background-image: radial-gradient(circle, #FCEB6ECE 10%, #FCA16DCE 87%);

Linear

HEX #FCA16DCE zu HEX #FB8846


CSS-Code:

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

Radial

HEX #FCA16DCE zu HEX #FB8846


CSS-Code:

background-image: radial-gradient(circle, #FCA16DCE 7%, #FB8846 91%);

 

HEX #FB8846 zu HEX #FCA16DCE


CSS-Code:

background-image: linear-gradient(135deg, #FB8846 14%, #FCA16DCE 93%);

 

HEX #FB8846 zu HEX #FCA16DCE


CSS-Code:

background-image: radial-gradient(circle, #FB8846 12%, #FCA16DCE 86%);

 

HEX #FCA16DCE zu HEX #FCA26E


CSS-Code:

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

 

HEX #FCA16DCE zu HEX #FCA26E


CSS-Code:

background-image: radial-gradient(circle, #FCA16DCE 9%, #FCA26E 89%);

 

HEX #FCA26E zu HEX #FCA16DCE


CSS-Code:

background-image: linear-gradient(135deg, #FCA26E 8%, #FCA16DCE 96%);

 

HEX #FCA26E zu HEX #FCA16DCE


CSS-Code:

background-image: radial-gradient(circle, #FCA26E 3%, #FCA16DCE 97%);

 

HEX #FCA16DCE zu HEX #FDBC96


CSS-Code:

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

 

HEX #FCA16DCE zu HEX #FDBC96


CSS-Code:

background-image: radial-gradient(circle, #FCA16DCE 12%, #FDBC96 93%);

 

HEX #FDBC96 zu HEX #FCA16DCE


CSS-Code:

background-image: linear-gradient(135deg, #FDBC96 6%, #FCA16DCE 91%);

 

HEX #FDBC96 zu HEX #FCA16DCE


CSS-Code:

background-image: radial-gradient(circle, #FDBC96 14%, #FCA16DCE 92%);

 

HEX #FCA16DCE zu HEX #FED6BF


CSS-Code:

background-image: linear-gradient(135deg, #FCA16DCE 10%, #FED6BF 88%);

 

HEX #FCA16DCE zu HEX #FED6BF


CSS-Code:

background-image: radial-gradient(circle, #FCA16DCE 5%, #FED6BF 97%);

 

HEX #FED6BF zu HEX #FCA16DCE


CSS-Code:

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

 

HEX #FED6BF zu HEX #FCA16DCE


CSS-Code:

background-image: radial-gradient(circle, #FED6BF 14%, #FCA16DCE 95%);

Linear

HEX #FCA16DCE zu HEX #FC7A6ECE


CSS-Code:

background-image: linear-gradient(135deg, #FCA16DCE 1%, #FC7A6ECE 99%);

Radial

HEX #FCA16DCE zu HEX #FC7A6ECE


CSS-Code:

background-image: radial-gradient(circle, #FCA16DCE 11%, #FC7A6ECE 91%);

 

HEX #FC7A6ECE zu HEX #FCA16DCE


CSS-Code:

background-image: linear-gradient(135deg, #FC7A6ECE 8%, #FCA16DCE 99%);

 

HEX #FC7A6ECE zu HEX #FCA16DCE


CSS-Code:

background-image: radial-gradient(circle, #FC7A6ECE 2%, #FCA16DCE 88%);

 

HEX #FCA16DCE zu HEX #FCA06ECE


CSS-Code:

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

 

HEX #FCA16DCE zu HEX #FCA06ECE


CSS-Code:

background-image: radial-gradient(circle, #FCA16DCE 0%, #FCA06ECE 94%);

 

HEX #FCA06ECE zu HEX #FCA16DCE


CSS-Code:

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

 

HEX #FCA06ECE zu HEX #FCA16DCE


CSS-Code:

background-image: radial-gradient(circle, #FCA06ECE 14%, #FCA16DCE 99%);

 

HEX #FCA16DCE zu HEX #FCC66ECE


CSS-Code:

background-image: linear-gradient(135deg, #FCA16DCE 11%, #FCC66ECE 88%);

 

HEX #FCA16DCE zu HEX #FCC66ECE


CSS-Code:

background-image: radial-gradient(circle, #FCA16DCE 12%, #FCC66ECE 92%);

 

HEX #FCC66ECE zu HEX #FCA16DCE


CSS-Code:

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

 

HEX #FCC66ECE zu HEX #FCA16DCE


CSS-Code:

background-image: radial-gradient(circle, #FCC66ECE 0%, #FCA16DCE 90%);

 

HEX #FCA16DCE zu HEX #FCEB6ECE


CSS-Code:

background-image: linear-gradient(135deg, #FCA16DCE 1%, #FCEB6ECE 91%);

 

HEX #FCA16DCE zu HEX #FCEB6ECE


CSS-Code:

background-image: radial-gradient(circle, #FCA16DCE 7%, #FCEB6ECE 86%);

 

HEX #FCEB6ECE zu HEX #FCA16DCE


CSS-Code:

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

 

HEX #FCEB6ECE zu HEX #FCA16DCE


CSS-Code:

background-image: radial-gradient(circle, #FCEB6ECE 0%, #FCA16DCE 98%);

Linear

HEX #FCA16DCE zu HEX #FB8846


CSS-Code:

background-image: linear-gradient(135deg, #FCA16DCE 12%, #FB8846 93%);

Radial

HEX #FCA16DCE zu HEX #FB8846


CSS-Code:

background-image: radial-gradient(circle, #FCA16DCE 13%, #FB8846 87%);

 

HEX #FB8846 zu HEX #FCA16DCE


CSS-Code:

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

 

HEX #FB8846 zu HEX #FCA16DCE


CSS-Code:

background-image: radial-gradient(circle, #FB8846 4%, #FCA16DCE 97%);

 

HEX #FCA16DCE zu HEX #FCA26E


CSS-Code:

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

 

HEX #FCA16DCE zu HEX #FCA26E


CSS-Code:

background-image: radial-gradient(circle, #FCA16DCE 6%, #FCA26E 94%);

 

HEX #FCA26E zu HEX #FCA16DCE


CSS-Code:

background-image: linear-gradient(135deg, #FCA26E 6%, #FCA16DCE 100%);

 

HEX #FCA26E zu HEX #FCA16DCE


CSS-Code:

background-image: radial-gradient(circle, #FCA26E 1%, #FCA16DCE 93%);

 

HEX #FCA16DCE zu HEX #FDBC96


CSS-Code:

background-image: linear-gradient(135deg, #FCA16DCE 12%, #FDBC96 89%);

 

HEX #FCA16DCE zu HEX #FDBC96


CSS-Code:

background-image: radial-gradient(circle, #FCA16DCE 6%, #FDBC96 88%);

 

HEX #FDBC96 zu HEX #FCA16DCE


CSS-Code:

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

 

HEX #FDBC96 zu HEX #FCA16DCE


CSS-Code:

background-image: radial-gradient(circle, #FDBC96 1%, #FCA16DCE 94%);

 

HEX #FCA16DCE zu HEX #FED6BF


CSS-Code:

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

 

HEX #FCA16DCE zu HEX #FED6BF


CSS-Code:

background-image: radial-gradient(circle, #FCA16DCE 6%, #FED6BF 90%);

 

HEX #FED6BF zu HEX #FCA16DCE


CSS-Code:

background-image: linear-gradient(135deg, #FED6BF 13%, #FCA16DCE 90%);

 

HEX #FED6BF zu HEX #FCA16DCE


CSS-Code:

background-image: radial-gradient(circle, #FED6BF 13%, #FCA16DCE 87%);

Linear

HEX #FCA16DCE zu HEX #AEFC6E


CSS-Code:

background-image: linear-gradient(135deg, #FCA16DCE 9%, #AEFC6E 95%);

Radial

HEX #FCA16DCE zu HEX #AEFC6E


CSS-Code:

background-image: radial-gradient(circle, #FCA16DCE 6%, #AEFC6E 94%);

 

HEX #AEFC6E zu HEX #FCA16DCE


CSS-Code:

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

 

HEX #AEFC6E zu HEX #FCA16DCE


CSS-Code:

background-image: radial-gradient(circle, #AEFC6E 7%, #FCA16DCE 88%);

 

HEX #FCA16DCE zu HEX #6E75FC


CSS-Code:

background-image: linear-gradient(135deg, #FCA16DCE 9%, #6E75FC 94%);

 

HEX #FCA16DCE zu HEX #6E75FC


CSS-Code:

background-image: radial-gradient(circle, #FCA16DCE 8%, #6E75FC 95%);

 

HEX #6E75FC zu HEX #FCA16DCE


CSS-Code:

background-image: linear-gradient(135deg, #6E75FC 5%, #FCA16DCE 90%);

 

HEX #6E75FC zu HEX #FCA16DCE


CSS-Code:

background-image: radial-gradient(circle, #6E75FC 11%, #FCA16DCE 100%);

Linear

HEX #FCA16DCE zu HEX #6EFCA0


CSS-Code:

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

Radial

HEX #FCA16DCE zu HEX #6EFCA0


CSS-Code:

background-image: radial-gradient(circle, #FCA16DCE 4%, #6EFCA0 91%);

 

HEX #6EFCA0 zu HEX #FCA16DCE


CSS-Code:

background-image: linear-gradient(135deg, #6EFCA0 2%, #FCA16DCE 97%);

 

HEX #6EFCA0 zu HEX #FCA16DCE


CSS-Code:

background-image: radial-gradient(circle, #6EFCA0 4%, #FCA16DCE 91%);

 

HEX #FCA16DCE zu HEX #A06EFC


CSS-Code:

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

 

HEX #FCA16DCE zu HEX #A06EFC


CSS-Code:

background-image: radial-gradient(circle, #FCA16DCE 13%, #A06EFC 94%);

 

HEX #A06EFC zu HEX #FCA16DCE


CSS-Code:

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

 

HEX #A06EFC zu HEX #FCA16DCE


CSS-Code:

background-image: radial-gradient(circle, #A06EFC 3%, #FCA16DCE 87%);

Linear

HEX #FCA16DCE zu HEX #AEFC6E


CSS-Code:

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

Radial

HEX #FCA16DCE zu HEX #AEFC6E


CSS-Code:

background-image: radial-gradient(circle, #FCA16DCE 0%, #AEFC6E 100%);

 

HEX #AEFC6E zu HEX #FCA16DCE


CSS-Code:

background-image: linear-gradient(135deg, #AEFC6E 2%, #FCA16DCE 92%);

 

HEX #AEFC6E zu HEX #FCA16DCE


CSS-Code:

background-image: radial-gradient(circle, #AEFC6E 7%, #FCA16DCE 88%);

 

HEX #FCA16DCE zu HEX #6ECAFC


CSS-Code:

background-image: linear-gradient(135deg, #FCA16DCE 1%, #6ECAFC 91%);

 

HEX #FCA16DCE zu HEX #6ECAFC


CSS-Code:

background-image: radial-gradient(circle, #FCA16DCE 2%, #6ECAFC 98%);

 

HEX #6ECAFC zu HEX #FCA16DCE


CSS-Code:

background-image: linear-gradient(135deg, #6ECAFC 7%, #FCA16DCE 95%);

 

HEX #6ECAFC zu HEX #FCA16DCE


CSS-Code:

background-image: radial-gradient(circle, #6ECAFC 3%, #FCA16DCE 89%);

 

HEX #FCA16DCE zu HEX #BC6EFC


CSS-Code:

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

 

HEX #FCA16DCE zu HEX #BC6EFC


CSS-Code:

background-image: radial-gradient(circle, #FCA16DCE 2%, #BC6EFC 94%);

 

HEX #BC6EFC zu HEX #FCA16DCE


CSS-Code:

background-image: linear-gradient(135deg, #BC6EFC 12%, #FCA16DCE 98%);

 

HEX #BC6EFC zu HEX #FCA16DCE


CSS-Code:

background-image: radial-gradient(circle, #BC6EFC 2%, #FCA16DCE 97%);

Linear

HEX #FCA16DCE zu HEX #83FC6E


CSS-Code:

background-image: linear-gradient(135deg, #FCA16DCE 14%, #83FC6E 99%);

Radial

HEX #FCA16DCE zu HEX #83FC6E


CSS-Code:

background-image: radial-gradient(circle, #FCA16DCE 9%, #83FC6E 87%);

 

HEX #83FC6E zu HEX #FCA16DCE


CSS-Code:

background-image: linear-gradient(135deg, #83FC6E 6%, #FCA16DCE 95%);

 

HEX #83FC6E zu HEX #FCA16DCE


CSS-Code:

background-image: radial-gradient(circle, #83FC6E 0%, #FCA16DCE 98%);

 

HEX #FCA16DCE zu HEX #6ECAFC


CSS-Code:

background-image: linear-gradient(135deg, #FCA16DCE 3%, #6ECAFC 94%);

 

HEX #FCA16DCE zu HEX #6ECAFC


CSS-Code:

background-image: radial-gradient(circle, #FCA16DCE 2%, #6ECAFC 92%);

 

HEX #6ECAFC zu HEX #FCA16DCE


CSS-Code:

background-image: linear-gradient(135deg, #6ECAFC 12%, #FCA16DCE 98%);

 

HEX #6ECAFC zu HEX #FCA16DCE


CSS-Code:

background-image: radial-gradient(circle, #6ECAFC 4%, #FCA16DCE 98%);

 

HEX #FCA16DCE zu HEX #E76EFC


CSS-Code:

background-image: linear-gradient(135deg, #FCA16DCE 2%, #E76EFC 92%);

 

HEX #FCA16DCE zu HEX #E76EFC


CSS-Code:

background-image: radial-gradient(circle, #FCA16DCE 2%, #E76EFC 95%);

 

HEX #E76EFC zu HEX #FCA16DCE


CSS-Code:

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

 

HEX #E76EFC zu HEX #FCA16DCE


CSS-Code:

background-image: radial-gradient(circle, #E76EFC 2%, #FCA16DCE 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

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, a registration is required.

Log 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 desired link.

Share

OK, I have copied the links

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

Show color palette
Close

Create a color palette

DownloadDownload in different formats

Remove All

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