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

✕

CSS Gradienten:
#BA1EB3

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, 30 Grün und 179 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 keine Cyan, 84 Magenta, 4 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 #BA1EB3 - Komplementärfarbe

Linear

HEX #BA1EB3 zu HEX #45E14C

CSS-Code:

background-image: linear-gradient(135deg, #BA1EB3 5%, #45E14C 86%);

Radial

HEX #BA1EB3 zu HEX #45E14C

CSS-Code:

background-image: radial-gradient(circle, #BA1EB3 13%, #45E14C 87%);

HEX #45E14C zu HEX #BA1EB3

CSS-Code:

background-image: linear-gradient(135deg, #45E14C 1%, #BA1EB3 95%);

HEX #45E14C zu HEX #BA1EB3

CSS-Code:

background-image: radial-gradient(circle, #45E14C 7%, #BA1EB3 97%);

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

Linear

HEX #BA1EB3 zu HEX #941EB8

CSS-Code:

background-image: linear-gradient(135deg, #BA1EB3 0%, #941EB8 99%);

Radial

HEX #BA1EB3 zu HEX #941EB8

CSS-Code:

background-image: radial-gradient(circle, #BA1EB3 7%, #941EB8 92%);

HEX #941EB8 zu HEX #BA1EB3

CSS-Code:

background-image: linear-gradient(135deg, #941EB8 6%, #BA1EB3 95%);

HEX #941EB8 zu HEX #BA1EB3

CSS-Code:

background-image: radial-gradient(circle, #941EB8 13%, #BA1EB3 99%);

HEX #BA1EB3 zu HEX #B81EB3

CSS-Code:

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

HEX #BA1EB3 zu HEX #B81EB3

CSS-Code:

background-image: radial-gradient(circle, #BA1EB3 6%, #B81EB3 99%);

HEX #B81EB3 zu HEX #BA1EB3

CSS-Code:

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

HEX #B81EB3 zu HEX #BA1EB3

CSS-Code:

background-image: radial-gradient(circle, #B81EB3 8%, #BA1EB3 95%);

HEX #BA1EB3 zu HEX #B81E8A

CSS-Code:

background-image: linear-gradient(135deg, #BA1EB3 2%, #B81E8A 98%);

HEX #BA1EB3 zu HEX #B81E8A

CSS-Code:

background-image: radial-gradient(circle, #BA1EB3 5%, #B81E8A 88%);

HEX #B81E8A zu HEX #BA1EB3

CSS-Code:

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

HEX #B81E8A zu HEX #BA1EB3

CSS-Code:

background-image: radial-gradient(circle, #B81E8A 12%, #BA1EB3 92%);

HEX #BA1EB3 zu HEX #B81E61

CSS-Code:

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

HEX #BA1EB3 zu HEX #B81E61

CSS-Code:

background-image: radial-gradient(circle, #BA1EB3 5%, #B81E61 89%);

HEX #B81E61 zu HEX #BA1EB3

CSS-Code:

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

HEX #B81E61 zu HEX #BA1EB3

CSS-Code:

background-image: radial-gradient(circle, #B81E61 0%, #BA1EB3 92%);

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

Linear

HEX #BA1EB3 zu HEX #95188F

CSS-Code:

background-image: linear-gradient(135deg, #BA1EB3 3%, #95188F 99%);

Radial

HEX #BA1EB3 zu HEX #95188F

CSS-Code:

background-image: radial-gradient(circle, #BA1EB3 3%, #95188F 86%);

HEX #95188F zu HEX #BA1EB3

CSS-Code:

background-image: linear-gradient(135deg, #95188F 0%, #BA1EB3 91%);

HEX #95188F zu HEX #BA1EB3

CSS-Code:

background-image: radial-gradient(circle, #95188F 6%, #BA1EB3 92%);

HEX #BA1EB3 zu HEX #B81EB1

CSS-Code:

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

HEX #BA1EB3 zu HEX #B81EB1

CSS-Code:

background-image: radial-gradient(circle, #BA1EB3 14%, #B81EB1 88%);

HEX #B81EB1 zu HEX #BA1EB3

CSS-Code:

background-image: linear-gradient(135deg, #B81EB1 13%, #BA1EB3 100%);

HEX #B81EB1 zu HEX #BA1EB3

CSS-Code:

background-image: radial-gradient(circle, #B81EB1 14%, #BA1EB3 97%);

HEX #BA1EB3 zu HEX #DB24D3

CSS-Code:

background-image: linear-gradient(135deg, #BA1EB3 4%, #DB24D3 92%);

HEX #BA1EB3 zu HEX #DB24D3

CSS-Code:

background-image: radial-gradient(circle, #BA1EB3 0%, #DB24D3 86%);

HEX #DB24D3 zu HEX #BA1EB3

CSS-Code:

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

HEX #DB24D3 zu HEX #BA1EB3

CSS-Code:

background-image: radial-gradient(circle, #DB24D3 10%, #BA1EB3 98%);

HEX #BA1EB3 zu HEX #E148DA

CSS-Code:

background-image: linear-gradient(135deg, #BA1EB3 4%, #E148DA 88%);

HEX #BA1EB3 zu HEX #E148DA

CSS-Code:

background-image: radial-gradient(circle, #BA1EB3 0%, #E148DA 89%);

HEX #E148DA zu HEX #BA1EB3

CSS-Code:

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

HEX #E148DA zu HEX #BA1EB3

CSS-Code:

background-image: radial-gradient(circle, #E148DA 3%, #BA1EB3 98%);

2-Farben Gradienten von #BA1EB3 - Analoge Farben

Linear

HEX #BA1EB3 zu HEX #941EB8

CSS-Code:

background-image: linear-gradient(135deg, #BA1EB3 9%, #941EB8 100%);

Radial

HEX #BA1EB3 zu HEX #941EB8

CSS-Code:

background-image: radial-gradient(circle, #BA1EB3 11%, #941EB8 96%);

HEX #941EB8 zu HEX #BA1EB3

CSS-Code:

background-image: linear-gradient(135deg, #941EB8 12%, #BA1EB3 90%);

HEX #941EB8 zu HEX #BA1EB3

CSS-Code:

background-image: radial-gradient(circle, #941EB8 13%, #BA1EB3 100%);

HEX #BA1EB3 zu HEX #B81EB3

CSS-Code:

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

HEX #BA1EB3 zu HEX #B81EB3

CSS-Code:

background-image: radial-gradient(circle, #BA1EB3 1%, #B81EB3 94%);

HEX #B81EB3 zu HEX #BA1EB3

CSS-Code:

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

HEX #B81EB3 zu HEX #BA1EB3

CSS-Code:

background-image: radial-gradient(circle, #B81EB3 2%, #BA1EB3 98%);

HEX #BA1EB3 zu HEX #B81E8A

CSS-Code:

background-image: linear-gradient(135deg, #BA1EB3 12%, #B81E8A 86%);

HEX #BA1EB3 zu HEX #B81E8A

CSS-Code:

background-image: radial-gradient(circle, #BA1EB3 14%, #B81E8A 89%);

HEX #B81E8A zu HEX #BA1EB3

CSS-Code:

background-image: linear-gradient(135deg, #B81E8A 10%, #BA1EB3 96%);

HEX #B81E8A zu HEX #BA1EB3

CSS-Code:

background-image: radial-gradient(circle, #B81E8A 10%, #BA1EB3 93%);

HEX #BA1EB3 zu HEX #B81E61

CSS-Code:

background-image: linear-gradient(135deg, #BA1EB3 14%, #B81E61 92%);

HEX #BA1EB3 zu HEX #B81E61

CSS-Code:

background-image: radial-gradient(circle, #BA1EB3 7%, #B81E61 89%);

HEX #B81E61 zu HEX #BA1EB3

CSS-Code:

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

HEX #B81E61 zu HEX #BA1EB3

CSS-Code:

background-image: radial-gradient(circle, #B81E61 13%, #BA1EB3 93%);

2-Farben Gradienten von #BA1EB3 - Monochromatische Farben

Linear

HEX #BA1EB3 zu HEX #95188F

CSS-Code:

background-image: linear-gradient(135deg, #BA1EB3 5%, #95188F 96%);

Radial

HEX #BA1EB3 zu HEX #95188F

CSS-Code:

background-image: radial-gradient(circle, #BA1EB3 5%, #95188F 92%);

HEX #95188F zu HEX #BA1EB3

CSS-Code:

background-image: linear-gradient(135deg, #95188F 3%, #BA1EB3 93%);

HEX #95188F zu HEX #BA1EB3

CSS-Code:

background-image: radial-gradient(circle, #95188F 7%, #BA1EB3 86%);

HEX #BA1EB3 zu HEX #B81EB1

CSS-Code:

background-image: linear-gradient(135deg, #BA1EB3 8%, #B81EB1 91%);

HEX #BA1EB3 zu HEX #B81EB1

CSS-Code:

background-image: radial-gradient(circle, #BA1EB3 11%, #B81EB1 87%);

HEX #B81EB1 zu HEX #BA1EB3

CSS-Code:

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

HEX #B81EB1 zu HEX #BA1EB3

CSS-Code:

background-image: radial-gradient(circle, #B81EB1 0%, #BA1EB3 94%);

HEX #BA1EB3 zu HEX #DB24D3

CSS-Code:

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

HEX #BA1EB3 zu HEX #DB24D3

CSS-Code:

background-image: radial-gradient(circle, #BA1EB3 13%, #DB24D3 89%);

HEX #DB24D3 zu HEX #BA1EB3

CSS-Code:

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

HEX #DB24D3 zu HEX #BA1EB3

CSS-Code:

background-image: radial-gradient(circle, #DB24D3 1%, #BA1EB3 99%);

HEX #BA1EB3 zu HEX #E148DA

CSS-Code:

background-image: linear-gradient(135deg, #BA1EB3 14%, #E148DA 95%);

HEX #BA1EB3 zu HEX #E148DA

CSS-Code:

background-image: radial-gradient(circle, #BA1EB3 4%, #E148DA 99%);

HEX #E148DA zu HEX #BA1EB3

CSS-Code:

background-image: linear-gradient(135deg, #E148DA 2%, #BA1EB3 86%);

HEX #E148DA zu HEX #BA1EB3

CSS-Code:

background-image: radial-gradient(circle, #E148DA 7%, #BA1EB3 98%);

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

Linear

HEX #BA1EB3 zu HEX #B8421E

CSS-Code:

background-image: linear-gradient(135deg, #BA1EB3 13%, #B8421E 100%);

Radial

HEX #BA1EB3 zu HEX #B8421E

CSS-Code:

background-image: radial-gradient(circle, #BA1EB3 1%, #B8421E 97%);

HEX #B8421E zu HEX #BA1EB3

CSS-Code:

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

HEX #B8421E zu HEX #BA1EB3

CSS-Code:

background-image: radial-gradient(circle, #B8421E 9%, #BA1EB3 96%);

HEX #BA1EB3 zu HEX #1EB880

CSS-Code:

background-image: linear-gradient(135deg, #BA1EB3 5%, #1EB880 98%);

HEX #BA1EB3 zu HEX #1EB880

CSS-Code:

background-image: radial-gradient(circle, #BA1EB3 3%, #1EB880 95%);

HEX #1EB880 zu HEX #BA1EB3

CSS-Code:

background-image: linear-gradient(135deg, #1EB880 6%, #BA1EB3 87%);

HEX #1EB880 zu HEX #BA1EB3

CSS-Code:

background-image: radial-gradient(circle, #1EB880 7%, #BA1EB3 88%);

2-Farben Gradienten von #BA1EB3 - Triadische Farben

Linear

HEX #BA1EB3 zu HEX #B3B81E

CSS-Code:

background-image: linear-gradient(135deg, #BA1EB3 1%, #B3B81E 89%);

Radial

HEX #BA1EB3 zu HEX #B3B81E

CSS-Code:

background-image: radial-gradient(circle, #BA1EB3 2%, #B3B81E 90%);

HEX #B3B81E zu HEX #BA1EB3

CSS-Code:

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

HEX #B3B81E zu HEX #BA1EB3

CSS-Code:

background-image: radial-gradient(circle, #B3B81E 8%, #BA1EB3 89%);

HEX #BA1EB3 zu HEX #1EB3B8

CSS-Code:

background-image: linear-gradient(135deg, #BA1EB3 6%, #1EB3B8 89%);

HEX #BA1EB3 zu HEX #1EB3B8

CSS-Code:

background-image: radial-gradient(circle, #BA1EB3 0%, #1EB3B8 94%);

HEX #1EB3B8 zu HEX #BA1EB3

CSS-Code:

background-image: linear-gradient(135deg, #1EB3B8 11%, #BA1EB3 97%);

HEX #1EB3B8 zu HEX #BA1EB3

CSS-Code:

background-image: radial-gradient(circle, #1EB3B8 6%, #BA1EB3 94%);

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

Linear

HEX #BA1EB3 zu HEX #B8421E

CSS-Code:

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

Radial

HEX #BA1EB3 zu HEX #B8421E

CSS-Code:

background-image: radial-gradient(circle, #BA1EB3 2%, #B8421E 87%);

HEX #B8421E zu HEX #BA1EB3

CSS-Code:

background-image: linear-gradient(135deg, #B8421E 13%, #BA1EB3 100%);

HEX #B8421E zu HEX #BA1EB3

CSS-Code:

background-image: radial-gradient(circle, #B8421E 14%, #BA1EB3 87%);

HEX #BA1EB3 zu HEX #1EB823

CSS-Code:

background-image: linear-gradient(135deg, #BA1EB3 0%, #1EB823 90%);

HEX #BA1EB3 zu HEX #1EB823

CSS-Code:

background-image: radial-gradient(circle, #BA1EB3 13%, #1EB823 89%);

HEX #1EB823 zu HEX #BA1EB3

CSS-Code:

background-image: linear-gradient(135deg, #1EB823 10%, #BA1EB3 86%);

HEX #1EB823 zu HEX #BA1EB3

CSS-Code:

background-image: radial-gradient(circle, #1EB823 7%, #BA1EB3 99%);

HEX #BA1EB3 zu HEX #1E94B8

CSS-Code:

background-image: linear-gradient(135deg, #BA1EB3 11%, #1E94B8 86%);

HEX #BA1EB3 zu HEX #1E94B8

CSS-Code:

background-image: radial-gradient(circle, #BA1EB3 11%, #1E94B8 86%);

HEX #1E94B8 zu HEX #BA1EB3

CSS-Code:

background-image: linear-gradient(135deg, #1E94B8 11%, #BA1EB3 88%);

HEX #1E94B8 zu HEX #BA1EB3

CSS-Code:

background-image: radial-gradient(circle, #1E94B8 2%, #BA1EB3 99%);

2-Farben Gradienten von #BA1EB3 - Quadratische Farben

Linear

HEX #BA1EB3 zu HEX #B8701E

CSS-Code:

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

Radial

HEX #BA1EB3 zu HEX #B8701E

CSS-Code:

background-image: radial-gradient(circle, #BA1EB3 2%, #B8701E 88%);

HEX #B8701E zu HEX #BA1EB3

CSS-Code:

background-image: linear-gradient(135deg, #B8701E 7%, #BA1EB3 92%);

HEX #B8701E zu HEX #BA1EB3

CSS-Code:

background-image: radial-gradient(circle, #B8701E 2%, #BA1EB3 95%);

HEX #BA1EB3 zu HEX #1EB823

CSS-Code:

background-image: linear-gradient(135deg, #BA1EB3 4%, #1EB823 99%);

HEX #BA1EB3 zu HEX #1EB823

CSS-Code:

background-image: radial-gradient(circle, #BA1EB3 11%, #1EB823 99%);

HEX #1EB823 zu HEX #BA1EB3

CSS-Code:

background-image: linear-gradient(135deg, #1EB823 5%, #BA1EB3 97%);

HEX #1EB823 zu HEX #BA1EB3

CSS-Code:

background-image: radial-gradient(circle, #1EB823 5%, #BA1EB3 96%);

HEX #BA1EB3 zu HEX #1E66B8

CSS-Code:

background-image: linear-gradient(135deg, #BA1EB3 5%, #1E66B8 100%);

HEX #BA1EB3 zu HEX #1E66B8

CSS-Code:

background-image: radial-gradient(circle, #BA1EB3 14%, #1E66B8 92%);

HEX #1E66B8 zu HEX #BA1EB3

CSS-Code:

background-image: linear-gradient(135deg, #1E66B8 5%, #BA1EB3 88%);

HEX #1E66B8 zu HEX #BA1EB3

CSS-Code:

background-image: radial-gradient(circle, #1E66B8 6%, #BA1EB3 99%);

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.