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

✕

CSS Gradienten:
#BA15BB

Information

schließe alle

2-Farben Gradienten - Komplementärfarbe

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.

2-Farben Gradienten - Hellere Farbtöne

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.

2-Farben Gradienten - Dunklere Farbtöne

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

Rot und Blau dominieren diesen Farbton deutlich: Der Rot- und der Blauwert liegen über Grün. 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 186 Rot, 21 Grün und 187 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.

Im CMYK-Farbsystem wird die Farbe folgendermaßen zusammengesetzt: In diesem Farbton sind von 100 maximalen Farbanteilen jeweils 1 Cyan, 89 Magenta, keine Gelb und 27 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.

Verifizierung Ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

2-Farben Gradienten von #BA15BB - Komplementärfarbe

Linear

HEX #BA15BB zu HEX #45EA44

CSS-Code:

background-image: linear-gradient(135deg, #BA15BB 8%, #45EA44 97%);

Radial

HEX #BA15BB zu HEX #45EA44

CSS-Code:

background-image: radial-gradient(circle, #BA15BB 13%, #45EA44 95%);

HEX #45EA44 zu HEX #BA15BB

CSS-Code:

background-image: linear-gradient(135deg, #45EA44 9%, #BA15BB 90%);

HEX #45EA44 zu HEX #BA15BB

CSS-Code:

background-image: radial-gradient(circle, #45EA44 2%, #BA15BB 93%);

2-Farben Gradienten von #BA15BB - Hellere Farbtöne

Linear

HEX #BA15BB zu HEX #8D15BC

CSS-Code:

background-image: linear-gradient(135deg, #BA15BB 1%, #8D15BC 100%);

Radial

HEX #BA15BB zu HEX #8D15BC

CSS-Code:

background-image: radial-gradient(circle, #BA15BB 12%, #8D15BC 86%);

HEX #8D15BC zu HEX #BA15BB

CSS-Code:

background-image: linear-gradient(135deg, #8D15BC 0%, #BA15BB 97%);

HEX #8D15BC zu HEX #BA15BB

CSS-Code:

background-image: radial-gradient(circle, #8D15BC 14%, #BA15BB 93%);

HEX #BA15BB zu HEX #B915BC

CSS-Code:

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

HEX #BA15BB zu HEX #B915BC

CSS-Code:

background-image: radial-gradient(circle, #BA15BB 5%, #B915BC 92%);

HEX #B915BC zu HEX #BA15BB

CSS-Code:

background-image: linear-gradient(135deg, #B915BC 5%, #BA15BB 98%);

HEX #B915BC zu HEX #BA15BB

CSS-Code:

background-image: radial-gradient(circle, #B915BC 9%, #BA15BB 95%);

HEX #BA15BB zu HEX #BC1592

CSS-Code:

background-image: linear-gradient(135deg, #BA15BB 5%, #BC1592 88%);

HEX #BA15BB zu HEX #BC1592

CSS-Code:

background-image: radial-gradient(circle, #BA15BB 8%, #BC1592 86%);

HEX #BC1592 zu HEX #BA15BB

CSS-Code:

background-image: linear-gradient(135deg, #BC1592 14%, #BA15BB 89%);

HEX #BC1592 zu HEX #BA15BB

CSS-Code:

background-image: radial-gradient(circle, #BC1592 12%, #BA15BB 95%);

HEX #BA15BB zu HEX #BC1566

CSS-Code:

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

HEX #BA15BB zu HEX #BC1566

CSS-Code:

background-image: radial-gradient(circle, #BA15BB 5%, #BC1566 95%);

HEX #BC1566 zu HEX #BA15BB

CSS-Code:

background-image: linear-gradient(135deg, #BC1566 14%, #BA15BB 86%);

HEX #BC1566 zu HEX #BA15BB

CSS-Code:

background-image: radial-gradient(circle, #BC1566 8%, #BA15BB 99%);

2-Farben Gradienten von #BA15BB - Dunklere Farbtöne

Linear

HEX #BA15BB zu HEX #961197

CSS-Code:

background-image: linear-gradient(135deg, #BA15BB 5%, #961197 88%);

Radial

HEX #BA15BB zu HEX #961197

CSS-Code:

background-image: radial-gradient(circle, #BA15BB 1%, #961197 89%);

HEX #961197 zu HEX #BA15BB

CSS-Code:

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

HEX #961197 zu HEX #BA15BB

CSS-Code:

background-image: radial-gradient(circle, #961197 0%, #BA15BB 94%);

HEX #BA15BB zu HEX #BB15BC

CSS-Code:

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

HEX #BA15BB zu HEX #BB15BC

CSS-Code:

background-image: radial-gradient(circle, #BA15BB 0%, #BB15BC 100%);

HEX #BB15BC zu HEX #BA15BB

CSS-Code:

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

HEX #BB15BC zu HEX #BA15BB

CSS-Code:

background-image: radial-gradient(circle, #BB15BC 4%, #BA15BB 93%);

HEX #BA15BB zu HEX #E019E1

CSS-Code:

background-image: linear-gradient(135deg, #BA15BB 7%, #E019E1 87%);

HEX #BA15BB zu HEX #E019E1

CSS-Code:

background-image: radial-gradient(circle, #BA15BB 13%, #E019E1 86%);

HEX #E019E1 zu HEX #BA15BB

CSS-Code:

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

HEX #E019E1 zu HEX #BA15BB

CSS-Code:

background-image: radial-gradient(circle, #E019E1 12%, #BA15BB 90%);

HEX #BA15BB zu HEX #E83AE9

CSS-Code:

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

HEX #BA15BB zu HEX #E83AE9

CSS-Code:

background-image: radial-gradient(circle, #BA15BB 7%, #E83AE9 89%);

HEX #E83AE9 zu HEX #BA15BB

CSS-Code:

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

HEX #E83AE9 zu HEX #BA15BB

CSS-Code:

background-image: radial-gradient(circle, #E83AE9 5%, #BA15BB 86%);

2-Farben Gradienten von #BA15BB - Analoge Farben

Linear

HEX #BA15BB zu HEX #8D15BC

CSS-Code:

background-image: linear-gradient(135deg, #BA15BB 1%, #8D15BC 91%);

Radial

HEX #BA15BB zu HEX #8D15BC

CSS-Code:

background-image: radial-gradient(circle, #BA15BB 2%, #8D15BC 87%);

HEX #8D15BC zu HEX #BA15BB

CSS-Code:

background-image: linear-gradient(135deg, #8D15BC 9%, #BA15BB 88%);

HEX #8D15BC zu HEX #BA15BB

CSS-Code:

background-image: radial-gradient(circle, #8D15BC 11%, #BA15BB 91%);

HEX #BA15BB zu HEX #B915BC

CSS-Code:

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

HEX #BA15BB zu HEX #B915BC

CSS-Code:

background-image: radial-gradient(circle, #BA15BB 14%, #B915BC 95%);

HEX #B915BC zu HEX #BA15BB

CSS-Code:

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

HEX #B915BC zu HEX #BA15BB

CSS-Code:

background-image: radial-gradient(circle, #B915BC 6%, #BA15BB 99%);

HEX #BA15BB zu HEX #BC1592

CSS-Code:

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

HEX #BA15BB zu HEX #BC1592

CSS-Code:

background-image: radial-gradient(circle, #BA15BB 12%, #BC1592 88%);

HEX #BC1592 zu HEX #BA15BB

CSS-Code:

background-image: linear-gradient(135deg, #BC1592 11%, #BA15BB 94%);

HEX #BC1592 zu HEX #BA15BB

CSS-Code:

background-image: radial-gradient(circle, #BC1592 3%, #BA15BB 99%);

HEX #BA15BB zu HEX #BC1566

CSS-Code:

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

HEX #BA15BB zu HEX #BC1566

CSS-Code:

background-image: radial-gradient(circle, #BA15BB 13%, #BC1566 87%);

HEX #BC1566 zu HEX #BA15BB

CSS-Code:

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

HEX #BC1566 zu HEX #BA15BB

CSS-Code:

background-image: radial-gradient(circle, #BC1566 13%, #BA15BB 88%);

2-Farben Gradienten von #BA15BB - Monochromatische Farben

Linear

HEX #BA15BB zu HEX #961197

CSS-Code:

background-image: linear-gradient(135deg, #BA15BB 0%, #961197 88%);

Radial

HEX #BA15BB zu HEX #961197

CSS-Code:

background-image: radial-gradient(circle, #BA15BB 3%, #961197 92%);

HEX #961197 zu HEX #BA15BB

CSS-Code:

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

HEX #961197 zu HEX #BA15BB

CSS-Code:

background-image: radial-gradient(circle, #961197 1%, #BA15BB 95%);

HEX #BA15BB zu HEX #BB15BC

CSS-Code:

background-image: linear-gradient(135deg, #BA15BB 10%, #BB15BC 94%);

HEX #BA15BB zu HEX #BB15BC

CSS-Code:

background-image: radial-gradient(circle, #BA15BB 9%, #BB15BC 96%);

HEX #BB15BC zu HEX #BA15BB

CSS-Code:

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

HEX #BB15BC zu HEX #BA15BB

CSS-Code:

background-image: radial-gradient(circle, #BB15BC 4%, #BA15BB 89%);

HEX #BA15BB zu HEX #E019E1

CSS-Code:

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

HEX #BA15BB zu HEX #E019E1

CSS-Code:

background-image: radial-gradient(circle, #BA15BB 12%, #E019E1 97%);

HEX #E019E1 zu HEX #BA15BB

CSS-Code:

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

HEX #E019E1 zu HEX #BA15BB

CSS-Code:

background-image: radial-gradient(circle, #E019E1 6%, #BA15BB 100%);

HEX #BA15BB zu HEX #E83AE9

CSS-Code:

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

HEX #BA15BB zu HEX #E83AE9

CSS-Code:

background-image: radial-gradient(circle, #BA15BB 7%, #E83AE9 90%);

HEX #E83AE9 zu HEX #BA15BB

CSS-Code:

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

HEX #E83AE9 zu HEX #BA15BB

CSS-Code:

background-image: radial-gradient(circle, #E83AE9 2%, #BA15BB 92%);

2-Farben Gradienten von #BA15BB - Teilkomplementär Farben

Linear

HEX #BA15BB zu HEX #BC3415

CSS-Code:

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

Radial

HEX #BA15BB zu HEX #BC3415

CSS-Code:

background-image: radial-gradient(circle, #BA15BB 6%, #BC3415 96%);

HEX #BC3415 zu HEX #BA15BB

CSS-Code:

background-image: linear-gradient(135deg, #BC3415 2%, #BA15BB 94%);

HEX #BC3415 zu HEX #BA15BB

CSS-Code:

background-image: radial-gradient(circle, #BC3415 8%, #BA15BB 87%);

HEX #BA15BB zu HEX #15BC76

CSS-Code:

background-image: linear-gradient(135deg, #BA15BB 1%, #15BC76 89%);

HEX #BA15BB zu HEX #15BC76

CSS-Code:

background-image: radial-gradient(circle, #BA15BB 3%, #15BC76 86%);

HEX #15BC76 zu HEX #BA15BB

CSS-Code:

background-image: linear-gradient(135deg, #15BC76 1%, #BA15BB 98%);

HEX #15BC76 zu HEX #BA15BB

CSS-Code:

background-image: radial-gradient(circle, #15BC76 4%, #BA15BB 92%);

2-Farben Gradienten von #BA15BB - Triadische Farben

Linear

HEX #BA15BB zu HEX #BCB915

CSS-Code:

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

Radial

HEX #BA15BB zu HEX #BCB915

CSS-Code:

background-image: radial-gradient(circle, #BA15BB 5%, #BCB915 87%);

HEX #BCB915 zu HEX #BA15BB

CSS-Code:

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

HEX #BCB915 zu HEX #BA15BB

CSS-Code:

background-image: radial-gradient(circle, #BCB915 5%, #BA15BB 91%);

HEX #BA15BB zu HEX #15BCB9

CSS-Code:

background-image: linear-gradient(135deg, #BA15BB 3%, #15BCB9 94%);

HEX #BA15BB zu HEX #15BCB9

CSS-Code:

background-image: radial-gradient(circle, #BA15BB 0%, #15BCB9 100%);

HEX #15BCB9 zu HEX #BA15BB

CSS-Code:

background-image: linear-gradient(135deg, #15BCB9 10%, #BA15BB 99%);

HEX #15BCB9 zu HEX #BA15BB

CSS-Code:

background-image: radial-gradient(circle, #15BCB9 6%, #BA15BB 86%);

2-Farben Gradienten von #BA15BB - Rechteckige (Tetradische) Farben

Linear

HEX #BA15BB zu HEX #BC3415

CSS-Code:

background-image: linear-gradient(135deg, #BA15BB 12%, #BC3415 88%);

Radial

HEX #BA15BB zu HEX #BC3415

CSS-Code:

background-image: radial-gradient(circle, #BA15BB 14%, #BC3415 90%);

HEX #BC3415 zu HEX #BA15BB

CSS-Code:

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

HEX #BC3415 zu HEX #BA15BB

CSS-Code:

background-image: radial-gradient(circle, #BC3415 7%, #BA15BB 92%);

HEX #BA15BB zu HEX #18BC15

CSS-Code:

background-image: linear-gradient(135deg, #BA15BB 2%, #18BC15 97%);

HEX #BA15BB zu HEX #18BC15

CSS-Code:

background-image: radial-gradient(circle, #BA15BB 11%, #18BC15 99%);

HEX #18BC15 zu HEX #BA15BB

CSS-Code:

background-image: linear-gradient(135deg, #18BC15 7%, #BA15BB 87%);

HEX #18BC15 zu HEX #BA15BB

CSS-Code:

background-image: radial-gradient(circle, #18BC15 10%, #BA15BB 94%);

HEX #BA15BB zu HEX #159EBC

CSS-Code:

background-image: linear-gradient(135deg, #BA15BB 8%, #159EBC 89%);

HEX #BA15BB zu HEX #159EBC

CSS-Code:

background-image: radial-gradient(circle, #BA15BB 11%, #159EBC 97%);

HEX #159EBC zu HEX #BA15BB

CSS-Code:

background-image: linear-gradient(135deg, #159EBC 11%, #BA15BB 87%);

HEX #159EBC zu HEX #BA15BB

CSS-Code:

background-image: radial-gradient(circle, #159EBC 12%, #BA15BB 96%);

2-Farben Gradienten von #BA15BB - Quadratische Farben

Linear

HEX #BA15BB zu HEX #BC6615

CSS-Code:

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

Radial

HEX #BA15BB zu HEX #BC6615

CSS-Code:

background-image: radial-gradient(circle, #BA15BB 4%, #BC6615 99%);

HEX #BC6615 zu HEX #BA15BB

CSS-Code:

background-image: linear-gradient(135deg, #BC6615 1%, #BA15BB 98%);

HEX #BC6615 zu HEX #BA15BB

CSS-Code:

background-image: radial-gradient(circle, #BC6615 1%, #BA15BB 100%);

HEX #BA15BB zu HEX #18BC15

CSS-Code:

background-image: linear-gradient(135deg, #BA15BB 11%, #18BC15 91%);

HEX #BA15BB zu HEX #18BC15

CSS-Code:

background-image: radial-gradient(circle, #BA15BB 11%, #18BC15 92%);

HEX #18BC15 zu HEX #BA15BB

CSS-Code:

background-image: linear-gradient(135deg, #18BC15 9%, #BA15BB 88%);

HEX #18BC15 zu HEX #BA15BB

CSS-Code:

background-image: radial-gradient(circle, #18BC15 2%, #BA15BB 93%);

HEX #BA15BB zu HEX #156BBC

CSS-Code:

background-image: linear-gradient(135deg, #BA15BB 1%, #156BBC 91%);

HEX #BA15BB zu HEX #156BBC

CSS-Code:

background-image: radial-gradient(circle, #BA15BB 0%, #156BBC 88%);

HEX #156BBC zu HEX #BA15BB

CSS-Code:

background-image: linear-gradient(135deg, #156BBC 0%, #BA15BB 87%);

HEX #156BBC zu HEX #BA15BB

CSS-Code:

background-image: radial-gradient(circle, #156BBC 2%, #BA15BB 95%);

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

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)

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

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)

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)

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

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)

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

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)

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

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)

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

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)

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

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)

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

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.

Öffentlich

Abbrechen Teilen

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

Teilen

Ansehen

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

Erstellen Sie eine Farbpalette

HerunterladenHerunterladen in verschiedenen Formaten

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