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

CSS Gradienten:
RGBA 252 131 172 0.75

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, 131 Grün und 172 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 131 172 R G B
Im CMYK-Farbsystem wird die Farbe folgendermaßen zusammengesetzt: In diesem Farbton sind von 100 maximalen Farbanteilen jeweils keine Cyan, 36 Magenta, 24 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% 36% 24% 1% C M Y K

Verifizierung Ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #FC83ACBF zu HEX #037C53BF


CSS-Code:

background-image: linear-gradient(135deg, #FC83ACBF 13%, #037C53BF 95%);

Radial

HEX #FC83ACBF zu HEX #037C53BF


CSS-Code:

background-image: radial-gradient(circle, #FC83ACBF 3%, #037C53BF 98%);

 

HEX #037C53BF zu HEX #FC83ACBF


CSS-Code:

background-image: linear-gradient(135deg, #037C53BF 14%, #FC83ACBF 99%);

 

HEX #037C53BF zu HEX #FC83ACBF


CSS-Code:

background-image: radial-gradient(circle, #037C53BF 0%, #FC83ACBF 95%);

Linear

HEX #FC83ACBF zu HEX #FC83CDBF


CSS-Code:

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

Radial

HEX #FC83ACBF zu HEX #FC83CDBF


CSS-Code:

background-image: radial-gradient(circle, #FC83ACBF 9%, #FC83CDBF 92%);

 

HEX #FC83CDBF zu HEX #FC83ACBF


CSS-Code:

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

 

HEX #FC83CDBF zu HEX #FC83ACBF


CSS-Code:

background-image: radial-gradient(circle, #FC83CDBF 6%, #FC83ACBF 88%);

 

HEX #FC83ACBF zu HEX #FC83ADBF


CSS-Code:

background-image: linear-gradient(135deg, #FC83ACBF 0%, #FC83ADBF 90%);

 

HEX #FC83ACBF zu HEX #FC83ADBF


CSS-Code:

background-image: radial-gradient(circle, #FC83ACBF 10%, #FC83ADBF 90%);

 

HEX #FC83ADBF zu HEX #FC83ACBF


CSS-Code:

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

 

HEX #FC83ADBF zu HEX #FC83ACBF


CSS-Code:

background-image: radial-gradient(circle, #FC83ADBF 13%, #FC83ACBF 99%);

 

HEX #FC83ACBF zu HEX #FC838DBF


CSS-Code:

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

 

HEX #FC83ACBF zu HEX #FC838DBF


CSS-Code:

background-image: radial-gradient(circle, #FC83ACBF 5%, #FC838DBF 93%);

 

HEX #FC838DBF zu HEX #FC83ACBF


CSS-Code:

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

 

HEX #FC838DBF zu HEX #FC83ACBF


CSS-Code:

background-image: radial-gradient(circle, #FC838DBF 2%, #FC83ACBF 93%);

 

HEX #FC83ACBF zu HEX #FC9983BF


CSS-Code:

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

 

HEX #FC83ACBF zu HEX #FC9983BF


CSS-Code:

background-image: radial-gradient(circle, #FC83ACBF 6%, #FC9983BF 88%);

 

HEX #FC9983BF zu HEX #FC83ACBF


CSS-Code:

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

 

HEX #FC9983BF zu HEX #FC83ACBF


CSS-Code:

background-image: radial-gradient(circle, #FC9983BF 1%, #FC83ACBF 100%);

Linear

HEX #FC83ACBF zu HEX #FB5A91


CSS-Code:

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

Radial

HEX #FC83ACBF zu HEX #FB5A91


CSS-Code:

background-image: radial-gradient(circle, #FC83ACBF 5%, #FB5A91 88%);

 

HEX #FB5A91 zu HEX #FC83ACBF


CSS-Code:

background-image: linear-gradient(135deg, #FB5A91 0%, #FC83ACBF 89%);

 

HEX #FB5A91 zu HEX #FC83ACBF


CSS-Code:

background-image: radial-gradient(circle, #FB5A91 2%, #FC83ACBF 86%);

 

HEX #FC83ACBF zu HEX #FC83AC


CSS-Code:

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

 

HEX #FC83ACBF zu HEX #FC83AC


CSS-Code:

background-image: radial-gradient(circle, #FC83ACBF 8%, #FC83AC 100%);

 

HEX #FC83AC zu HEX #FC83ACBF


CSS-Code:

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

 

HEX #FC83AC zu HEX #FC83ACBF


CSS-Code:

background-image: radial-gradient(circle, #FC83AC 11%, #FC83ACBF 99%);

 

HEX #FC83ACBF zu HEX #FDABC7


CSS-Code:

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

 

HEX #FC83ACBF zu HEX #FDABC7


CSS-Code:

background-image: radial-gradient(circle, #FC83ACBF 10%, #FDABC7 97%);

 

HEX #FDABC7 zu HEX #FC83ACBF


CSS-Code:

background-image: linear-gradient(135deg, #FDABC7 3%, #FC83ACBF 86%);

 

HEX #FDABC7 zu HEX #FC83ACBF


CSS-Code:

background-image: radial-gradient(circle, #FDABC7 8%, #FC83ACBF 90%);

 

HEX #FC83ACBF zu HEX #FED3E2


CSS-Code:

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

 

HEX #FC83ACBF zu HEX #FED3E2


CSS-Code:

background-image: radial-gradient(circle, #FC83ACBF 5%, #FED3E2 98%);

 

HEX #FED3E2 zu HEX #FC83ACBF


CSS-Code:

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

 

HEX #FED3E2 zu HEX #FC83ACBF


CSS-Code:

background-image: radial-gradient(circle, #FED3E2 5%, #FC83ACBF 93%);

Linear

HEX #FC83ACBF zu HEX #FC83CDBF


CSS-Code:

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

Radial

HEX #FC83ACBF zu HEX #FC83CDBF


CSS-Code:

background-image: radial-gradient(circle, #FC83ACBF 3%, #FC83CDBF 87%);

 

HEX #FC83CDBF zu HEX #FC83ACBF


CSS-Code:

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

 

HEX #FC83CDBF zu HEX #FC83ACBF


CSS-Code:

background-image: radial-gradient(circle, #FC83CDBF 10%, #FC83ACBF 96%);

 

HEX #FC83ACBF zu HEX #FC83ADBF


CSS-Code:

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

 

HEX #FC83ACBF zu HEX #FC83ADBF


CSS-Code:

background-image: radial-gradient(circle, #FC83ACBF 6%, #FC83ADBF 90%);

 

HEX #FC83ADBF zu HEX #FC83ACBF


CSS-Code:

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

 

HEX #FC83ADBF zu HEX #FC83ACBF


CSS-Code:

background-image: radial-gradient(circle, #FC83ADBF 14%, #FC83ACBF 98%);

 

HEX #FC83ACBF zu HEX #FC838DBF


CSS-Code:

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

 

HEX #FC83ACBF zu HEX #FC838DBF


CSS-Code:

background-image: radial-gradient(circle, #FC83ACBF 10%, #FC838DBF 92%);

 

HEX #FC838DBF zu HEX #FC83ACBF


CSS-Code:

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

 

HEX #FC838DBF zu HEX #FC83ACBF


CSS-Code:

background-image: radial-gradient(circle, #FC838DBF 0%, #FC83ACBF 91%);

 

HEX #FC83ACBF zu HEX #FC9983BF


CSS-Code:

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

 

HEX #FC83ACBF zu HEX #FC9983BF


CSS-Code:

background-image: radial-gradient(circle, #FC83ACBF 0%, #FC9983BF 88%);

 

HEX #FC9983BF zu HEX #FC83ACBF


CSS-Code:

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

 

HEX #FC9983BF zu HEX #FC83ACBF


CSS-Code:

background-image: radial-gradient(circle, #FC9983BF 7%, #FC83ACBF 96%);

Linear

HEX #FC83ACBF zu HEX #FB5A91


CSS-Code:

background-image: linear-gradient(135deg, #FC83ACBF 5%, #FB5A91 90%);

Radial

HEX #FC83ACBF zu HEX #FB5A91


CSS-Code:

background-image: radial-gradient(circle, #FC83ACBF 11%, #FB5A91 87%);

 

HEX #FB5A91 zu HEX #FC83ACBF


CSS-Code:

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

 

HEX #FB5A91 zu HEX #FC83ACBF


CSS-Code:

background-image: radial-gradient(circle, #FB5A91 6%, #FC83ACBF 89%);

 

HEX #FC83ACBF zu HEX #FC83AC


CSS-Code:

background-image: linear-gradient(135deg, #FC83ACBF 1%, #FC83AC 92%);

 

HEX #FC83ACBF zu HEX #FC83AC


CSS-Code:

background-image: radial-gradient(circle, #FC83ACBF 8%, #FC83AC 92%);

 

HEX #FC83AC zu HEX #FC83ACBF


CSS-Code:

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

 

HEX #FC83AC zu HEX #FC83ACBF


CSS-Code:

background-image: radial-gradient(circle, #FC83AC 14%, #FC83ACBF 97%);

 

HEX #FC83ACBF zu HEX #FDABC7


CSS-Code:

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

 

HEX #FC83ACBF zu HEX #FDABC7


CSS-Code:

background-image: radial-gradient(circle, #FC83ACBF 13%, #FDABC7 100%);

 

HEX #FDABC7 zu HEX #FC83ACBF


CSS-Code:

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

 

HEX #FDABC7 zu HEX #FC83ACBF


CSS-Code:

background-image: radial-gradient(circle, #FDABC7 10%, #FC83ACBF 88%);

 

HEX #FC83ACBF zu HEX #FED3E2


CSS-Code:

background-image: linear-gradient(135deg, #FC83ACBF 11%, #FED3E2 98%);

 

HEX #FC83ACBF zu HEX #FED3E2


CSS-Code:

background-image: radial-gradient(circle, #FC83ACBF 7%, #FED3E2 100%);

 

HEX #FED3E2 zu HEX #FC83ACBF


CSS-Code:

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

 

HEX #FED3E2 zu HEX #FC83ACBF


CSS-Code:

background-image: radial-gradient(circle, #FED3E2 3%, #FC83ACBF 94%);

Linear

HEX #FC83ACBF zu HEX #FCEA83


CSS-Code:

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

Radial

HEX #FC83ACBF zu HEX #FCEA83


CSS-Code:

background-image: radial-gradient(circle, #FC83ACBF 4%, #FCEA83 93%);

 

HEX #FCEA83 zu HEX #FC83ACBF


CSS-Code:

background-image: linear-gradient(135deg, #FCEA83 3%, #FC83ACBF 97%);

 

HEX #FCEA83 zu HEX #FC83ACBF


CSS-Code:

background-image: radial-gradient(circle, #FCEA83 9%, #FC83ACBF 95%);

 

HEX #FC83ACBF zu HEX #83DEFC


CSS-Code:

background-image: linear-gradient(135deg, #FC83ACBF 2%, #83DEFC 87%);

 

HEX #FC83ACBF zu HEX #83DEFC


CSS-Code:

background-image: radial-gradient(circle, #FC83ACBF 0%, #83DEFC 89%);

 

HEX #83DEFC zu HEX #FC83ACBF


CSS-Code:

background-image: linear-gradient(135deg, #83DEFC 7%, #FC83ACBF 86%);

 

HEX #83DEFC zu HEX #FC83ACBF


CSS-Code:

background-image: radial-gradient(circle, #83DEFC 6%, #FC83ACBF 94%);

Linear

HEX #FC83ACBF zu HEX #ADFC83


CSS-Code:

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

Radial

HEX #FC83ACBF zu HEX #ADFC83


CSS-Code:

background-image: radial-gradient(circle, #FC83ACBF 6%, #ADFC83 89%);

 

HEX #ADFC83 zu HEX #FC83ACBF


CSS-Code:

background-image: linear-gradient(135deg, #ADFC83 13%, #FC83ACBF 92%);

 

HEX #ADFC83 zu HEX #FC83ACBF


CSS-Code:

background-image: radial-gradient(circle, #ADFC83 0%, #FC83ACBF 95%);

 

HEX #FC83ACBF zu HEX #83ADFC


CSS-Code:

background-image: linear-gradient(135deg, #FC83ACBF 4%, #83ADFC 89%);

 

HEX #FC83ACBF zu HEX #83ADFC


CSS-Code:

background-image: radial-gradient(circle, #FC83ACBF 0%, #83ADFC 94%);

 

HEX #83ADFC zu HEX #FC83ACBF


CSS-Code:

background-image: linear-gradient(135deg, #83ADFC 13%, #FC83ACBF 91%);

 

HEX #83ADFC zu HEX #FC83ACBF


CSS-Code:

background-image: radial-gradient(circle, #83ADFC 2%, #FC83ACBF 95%);

Linear

HEX #FC83ACBF zu HEX #FCEA83


CSS-Code:

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

Radial

HEX #FC83ACBF zu HEX #FCEA83


CSS-Code:

background-image: radial-gradient(circle, #FC83ACBF 1%, #FCEA83 88%);

 

HEX #FCEA83 zu HEX #FC83ACBF


CSS-Code:

background-image: linear-gradient(135deg, #FCEA83 0%, #FC83ACBF 87%);

 

HEX #FCEA83 zu HEX #FC83ACBF


CSS-Code:

background-image: radial-gradient(circle, #FCEA83 2%, #FC83ACBF 98%);

 

HEX #FC83ACBF zu HEX #83FCD1


CSS-Code:

background-image: linear-gradient(135deg, #FC83ACBF 3%, #83FCD1 86%);

 

HEX #FC83ACBF zu HEX #83FCD1


CSS-Code:

background-image: radial-gradient(circle, #FC83ACBF 7%, #83FCD1 97%);

 

HEX #83FCD1 zu HEX #FC83ACBF


CSS-Code:

background-image: linear-gradient(135deg, #83FCD1 4%, #FC83ACBF 96%);

 

HEX #83FCD1 zu HEX #FC83ACBF


CSS-Code:

background-image: radial-gradient(circle, #83FCD1 3%, #FC83ACBF 96%);

 

HEX #FC83ACBF zu HEX #8395FC


CSS-Code:

background-image: linear-gradient(135deg, #FC83ACBF 13%, #8395FC 91%);

 

HEX #FC83ACBF zu HEX #8395FC


CSS-Code:

background-image: radial-gradient(circle, #FC83ACBF 9%, #8395FC 88%);

 

HEX #8395FC zu HEX #FC83ACBF


CSS-Code:

background-image: linear-gradient(135deg, #8395FC 5%, #FC83ACBF 92%);

 

HEX #8395FC zu HEX #FC83ACBF


CSS-Code:

background-image: radial-gradient(circle, #8395FC 5%, #FC83ACBF 97%);

Linear

HEX #FC83ACBF zu HEX #EAFC83


CSS-Code:

background-image: linear-gradient(135deg, #FC83ACBF 12%, #EAFC83 99%);

Radial

HEX #FC83ACBF zu HEX #EAFC83


CSS-Code:

background-image: radial-gradient(circle, #FC83ACBF 4%, #EAFC83 94%);

 

HEX #EAFC83 zu HEX #FC83ACBF


CSS-Code:

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

 

HEX #EAFC83 zu HEX #FC83ACBF


CSS-Code:

background-image: radial-gradient(circle, #EAFC83 1%, #FC83ACBF 99%);

 

HEX #FC83ACBF zu HEX #83FCD1


CSS-Code:

background-image: linear-gradient(135deg, #FC83ACBF 1%, #83FCD1 98%);

 

HEX #FC83ACBF zu HEX #83FCD1


CSS-Code:

background-image: radial-gradient(circle, #FC83ACBF 14%, #83FCD1 92%);

 

HEX #83FCD1 zu HEX #FC83ACBF


CSS-Code:

background-image: linear-gradient(135deg, #83FCD1 14%, #FC83ACBF 94%);

 

HEX #83FCD1 zu HEX #FC83ACBF


CSS-Code:

background-image: radial-gradient(circle, #83FCD1 2%, #FC83ACBF 95%);

 

HEX #FC83ACBF zu HEX #9583FC


CSS-Code:

background-image: linear-gradient(135deg, #FC83ACBF 8%, #9583FC 92%);

 

HEX #FC83ACBF zu HEX #9583FC


CSS-Code:

background-image: radial-gradient(circle, #FC83ACBF 11%, #9583FC 87%);

 

HEX #9583FC zu HEX #FC83ACBF


CSS-Code:

background-image: linear-gradient(135deg, #9583FC 14%, #FC83ACBF 90%);

 

HEX #9583FC zu HEX #FC83ACBF


CSS-Code:

background-image: radial-gradient(circle, #9583FC 11%, #FC83ACBF 97%);

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.