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

✕

CSS Gradienten:
#AB63AE

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

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 171 Rot, 99 Grün und 174 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 2 Cyan, 43 Magenta, keine Gelb und 32 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 #AB63AE - Komplementärfarbe

Linear

HEX #AB63AE zu HEX #549C51

CSS-Code:

background-image: linear-gradient(135deg, #AB63AE 9%, #549C51 92%);

Radial

HEX #AB63AE zu HEX #549C51

CSS-Code:

background-image: radial-gradient(circle, #AB63AE 1%, #549C51 100%);

HEX #549C51 zu HEX #AB63AE

CSS-Code:

background-image: linear-gradient(135deg, #549C51 3%, #AB63AE 98%);

HEX #549C51 zu HEX #AB63AE

CSS-Code:

background-image: radial-gradient(circle, #549C51 6%, #AB63AE 99%);

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

Linear

HEX #AB63AE zu HEX #9764AF

CSS-Code:

background-image: linear-gradient(135deg, #AB63AE 1%, #9764AF 92%);

Radial

HEX #AB63AE zu HEX #9764AF

CSS-Code:

background-image: radial-gradient(circle, #AB63AE 9%, #9764AF 91%);

HEX #9764AF zu HEX #AB63AE

CSS-Code:

background-image: linear-gradient(135deg, #9764AF 4%, #AB63AE 95%);

HEX #9764AF zu HEX #AB63AE

CSS-Code:

background-image: radial-gradient(circle, #9764AF 7%, #AB63AE 100%);

HEX #AB63AE zu HEX #AB64AF

CSS-Code:

background-image: linear-gradient(135deg, #AB63AE 8%, #AB64AF 97%);

HEX #AB63AE zu HEX #AB64AF

CSS-Code:

background-image: radial-gradient(circle, #AB63AE 3%, #AB64AF 91%);

HEX #AB64AF zu HEX #AB63AE

CSS-Code:

background-image: linear-gradient(135deg, #AB64AF 12%, #AB63AE 97%);

HEX #AB64AF zu HEX #AB63AE

CSS-Code:

background-image: radial-gradient(circle, #AB64AF 12%, #AB63AE 95%);

HEX #AB63AE zu HEX #AF649F

CSS-Code:

background-image: linear-gradient(135deg, #AB63AE 6%, #AF649F 87%);

HEX #AB63AE zu HEX #AF649F

CSS-Code:

background-image: radial-gradient(circle, #AB63AE 2%, #AF649F 92%);

HEX #AF649F zu HEX #AB63AE

CSS-Code:

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

HEX #AF649F zu HEX #AB63AE

CSS-Code:

background-image: radial-gradient(circle, #AF649F 14%, #AB63AE 91%);

HEX #AB63AE zu HEX #AF648B

CSS-Code:

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

HEX #AB63AE zu HEX #AF648B

CSS-Code:

background-image: radial-gradient(circle, #AB63AE 0%, #AF648B 89%);

HEX #AF648B zu HEX #AB63AE

CSS-Code:

background-image: linear-gradient(135deg, #AF648B 2%, #AB63AE 99%);

HEX #AF648B zu HEX #AB63AE

CSS-Code:

background-image: radial-gradient(circle, #AF648B 0%, #AB63AE 96%);

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

Linear

HEX #AB63AE zu HEX #98509B

CSS-Code:

background-image: linear-gradient(135deg, #AB63AE 3%, #98509B 89%);

Radial

HEX #AB63AE zu HEX #98509B

CSS-Code:

background-image: radial-gradient(circle, #AB63AE 13%, #98509B 87%);

HEX #98509B zu HEX #AB63AE

CSS-Code:

background-image: linear-gradient(135deg, #98509B 13%, #AB63AE 88%);

HEX #98509B zu HEX #AB63AE

CSS-Code:

background-image: radial-gradient(circle, #98509B 5%, #AB63AE 100%);

HEX #AB63AE zu HEX #AC64AF

CSS-Code:

background-image: linear-gradient(135deg, #AB63AE 12%, #AC64AF 87%);

HEX #AB63AE zu HEX #AC64AF

CSS-Code:

background-image: radial-gradient(circle, #AB63AE 2%, #AC64AF 97%);

HEX #AC64AF zu HEX #AB63AE

CSS-Code:

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

HEX #AC64AF zu HEX #AB63AE

CSS-Code:

background-image: radial-gradient(circle, #AC64AF 3%, #AB63AE 92%);

HEX #AB63AE zu HEX #BB7FBD

CSS-Code:

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

HEX #AB63AE zu HEX #BB7FBD

CSS-Code:

background-image: radial-gradient(circle, #AB63AE 4%, #BB7FBD 94%);

HEX #BB7FBD zu HEX #AB63AE

CSS-Code:

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

HEX #BB7FBD zu HEX #AB63AE

CSS-Code:

background-image: radial-gradient(circle, #BB7FBD 9%, #AB63AE 99%);

HEX #AB63AE zu HEX #C99BCB

CSS-Code:

background-image: linear-gradient(135deg, #AB63AE 9%, #C99BCB 90%);

HEX #AB63AE zu HEX #C99BCB

CSS-Code:

background-image: radial-gradient(circle, #AB63AE 14%, #C99BCB 90%);

HEX #C99BCB zu HEX #AB63AE

CSS-Code:

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

HEX #C99BCB zu HEX #AB63AE

CSS-Code:

background-image: radial-gradient(circle, #C99BCB 2%, #AB63AE 92%);

2-Farben Gradienten von #AB63AE - Analoge Farben

Linear

HEX #AB63AE zu HEX #9764AF

CSS-Code:

background-image: linear-gradient(135deg, #AB63AE 13%, #9764AF 87%);

Radial

HEX #AB63AE zu HEX #9764AF

CSS-Code:

background-image: radial-gradient(circle, #AB63AE 0%, #9764AF 93%);

HEX #9764AF zu HEX #AB63AE

CSS-Code:

background-image: linear-gradient(135deg, #9764AF 11%, #AB63AE 100%);

HEX #9764AF zu HEX #AB63AE

CSS-Code:

background-image: radial-gradient(circle, #9764AF 1%, #AB63AE 90%);

HEX #AB63AE zu HEX #AB64AF

CSS-Code:

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

HEX #AB63AE zu HEX #AB64AF

CSS-Code:

background-image: radial-gradient(circle, #AB63AE 3%, #AB64AF 99%);

HEX #AB64AF zu HEX #AB63AE

CSS-Code:

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

HEX #AB64AF zu HEX #AB63AE

CSS-Code:

background-image: radial-gradient(circle, #AB64AF 6%, #AB63AE 95%);

HEX #AB63AE zu HEX #AF649F

CSS-Code:

background-image: linear-gradient(135deg, #AB63AE 7%, #AF649F 100%);

HEX #AB63AE zu HEX #AF649F

CSS-Code:

background-image: radial-gradient(circle, #AB63AE 13%, #AF649F 92%);

HEX #AF649F zu HEX #AB63AE

CSS-Code:

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

HEX #AF649F zu HEX #AB63AE

CSS-Code:

background-image: radial-gradient(circle, #AF649F 1%, #AB63AE 99%);

HEX #AB63AE zu HEX #AF648B

CSS-Code:

background-image: linear-gradient(135deg, #AB63AE 10%, #AF648B 97%);

HEX #AB63AE zu HEX #AF648B

CSS-Code:

background-image: radial-gradient(circle, #AB63AE 9%, #AF648B 86%);

HEX #AF648B zu HEX #AB63AE

CSS-Code:

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

HEX #AF648B zu HEX #AB63AE

CSS-Code:

background-image: radial-gradient(circle, #AF648B 6%, #AB63AE 93%);

2-Farben Gradienten von #AB63AE - Monochromatische Farben

Linear

HEX #AB63AE zu HEX #98509B

CSS-Code:

background-image: linear-gradient(135deg, #AB63AE 0%, #98509B 91%);

Radial

HEX #AB63AE zu HEX #98509B

CSS-Code:

background-image: radial-gradient(circle, #AB63AE 5%, #98509B 96%);

HEX #98509B zu HEX #AB63AE

CSS-Code:

background-image: linear-gradient(135deg, #98509B 6%, #AB63AE 94%);

HEX #98509B zu HEX #AB63AE

CSS-Code:

background-image: radial-gradient(circle, #98509B 4%, #AB63AE 87%);

HEX #AB63AE zu HEX #AC64AF

CSS-Code:

background-image: linear-gradient(135deg, #AB63AE 10%, #AC64AF 93%);

HEX #AB63AE zu HEX #AC64AF

CSS-Code:

background-image: radial-gradient(circle, #AB63AE 7%, #AC64AF 88%);

HEX #AC64AF zu HEX #AB63AE

CSS-Code:

background-image: linear-gradient(135deg, #AC64AF 10%, #AB63AE 91%);

HEX #AC64AF zu HEX #AB63AE

CSS-Code:

background-image: radial-gradient(circle, #AC64AF 0%, #AB63AE 96%);

HEX #AB63AE zu HEX #BB7FBD

CSS-Code:

background-image: linear-gradient(135deg, #AB63AE 14%, #BB7FBD 91%);

HEX #AB63AE zu HEX #BB7FBD

CSS-Code:

background-image: radial-gradient(circle, #AB63AE 5%, #BB7FBD 89%);

HEX #BB7FBD zu HEX #AB63AE

CSS-Code:

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

HEX #BB7FBD zu HEX #AB63AE

CSS-Code:

background-image: radial-gradient(circle, #BB7FBD 5%, #AB63AE 92%);

HEX #AB63AE zu HEX #C99BCB

CSS-Code:

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

HEX #AB63AE zu HEX #C99BCB

CSS-Code:

background-image: radial-gradient(circle, #AB63AE 13%, #C99BCB 100%);

HEX #C99BCB zu HEX #AB63AE

CSS-Code:

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

HEX #C99BCB zu HEX #AB63AE

CSS-Code:

background-image: radial-gradient(circle, #C99BCB 2%, #AB63AE 88%);

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

Linear

HEX #AB63AE zu HEX #AF6F64

CSS-Code:

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

Radial

HEX #AB63AE zu HEX #AF6F64

CSS-Code:

background-image: radial-gradient(circle, #AB63AE 11%, #AF6F64 90%);

HEX #AF6F64 zu HEX #AB63AE

CSS-Code:

background-image: linear-gradient(135deg, #AF6F64 3%, #AB63AE 94%);

HEX #AF6F64 zu HEX #AB63AE

CSS-Code:

background-image: radial-gradient(circle, #AF6F64 0%, #AB63AE 94%);

HEX #AB63AE zu HEX #64AF8D

CSS-Code:

background-image: linear-gradient(135deg, #AB63AE 3%, #64AF8D 98%);

HEX #AB63AE zu HEX #64AF8D

CSS-Code:

background-image: radial-gradient(circle, #AB63AE 0%, #64AF8D 100%);

HEX #64AF8D zu HEX #AB63AE

CSS-Code:

background-image: linear-gradient(135deg, #64AF8D 14%, #AB63AE 93%);

HEX #64AF8D zu HEX #AB63AE

CSS-Code:

background-image: radial-gradient(circle, #64AF8D 9%, #AB63AE 97%);

2-Farben Gradienten von #AB63AE - Triadische Farben

Linear

HEX #AB63AE zu HEX #AFAB64

CSS-Code:

background-image: linear-gradient(135deg, #AB63AE 8%, #AFAB64 100%);

Radial

HEX #AB63AE zu HEX #AFAB64

CSS-Code:

background-image: radial-gradient(circle, #AB63AE 14%, #AFAB64 99%);

HEX #AFAB64 zu HEX #AB63AE

CSS-Code:

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

HEX #AFAB64 zu HEX #AB63AE

CSS-Code:

background-image: radial-gradient(circle, #AFAB64 10%, #AB63AE 95%);

HEX #AB63AE zu HEX #64AFAB

CSS-Code:

background-image: linear-gradient(135deg, #AB63AE 6%, #64AFAB 86%);

HEX #AB63AE zu HEX #64AFAB

CSS-Code:

background-image: radial-gradient(circle, #AB63AE 11%, #64AFAB 91%);

HEX #64AFAB zu HEX #AB63AE

CSS-Code:

background-image: linear-gradient(135deg, #64AFAB 3%, #AB63AE 95%);

HEX #64AFAB zu HEX #AB63AE

CSS-Code:

background-image: radial-gradient(circle, #64AFAB 10%, #AB63AE 95%);

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

Linear

HEX #AB63AE zu HEX #AF6F64

CSS-Code:

background-image: linear-gradient(135deg, #AB63AE 11%, #AF6F64 99%);

Radial

HEX #AB63AE zu HEX #AF6F64

CSS-Code:

background-image: radial-gradient(circle, #AB63AE 2%, #AF6F64 98%);

HEX #AF6F64 zu HEX #AB63AE

CSS-Code:

background-image: linear-gradient(135deg, #AF6F64 8%, #AB63AE 92%);

HEX #AF6F64 zu HEX #AB63AE

CSS-Code:

background-image: radial-gradient(circle, #AF6F64 5%, #AB63AE 96%);

HEX #AB63AE zu HEX #68AF64

CSS-Code:

background-image: linear-gradient(135deg, #AB63AE 9%, #68AF64 95%);

HEX #AB63AE zu HEX #68AF64

CSS-Code:

background-image: radial-gradient(circle, #AB63AE 12%, #68AF64 97%);

HEX #68AF64 zu HEX #AB63AE

CSS-Code:

background-image: linear-gradient(135deg, #68AF64 13%, #AB63AE 93%);

HEX #68AF64 zu HEX #AB63AE

CSS-Code:

background-image: radial-gradient(circle, #68AF64 13%, #AB63AE 99%);

HEX #AB63AE zu HEX #64A4AF

CSS-Code:

background-image: linear-gradient(135deg, #AB63AE 6%, #64A4AF 93%);

HEX #AB63AE zu HEX #64A4AF

CSS-Code:

background-image: radial-gradient(circle, #AB63AE 2%, #64A4AF 86%);

HEX #64A4AF zu HEX #AB63AE

CSS-Code:

background-image: linear-gradient(135deg, #64A4AF 2%, #AB63AE 86%);

HEX #64A4AF zu HEX #AB63AE

CSS-Code:

background-image: radial-gradient(circle, #64A4AF 8%, #AB63AE 88%);

2-Farben Gradienten von #AB63AE - Quadratische Farben

Linear

HEX #AB63AE zu HEX #AF8664

CSS-Code:

background-image: linear-gradient(135deg, #AB63AE 8%, #AF8664 100%);

Radial

HEX #AB63AE zu HEX #AF8664

CSS-Code:

background-image: radial-gradient(circle, #AB63AE 0%, #AF8664 95%);

HEX #AF8664 zu HEX #AB63AE

CSS-Code:

background-image: linear-gradient(135deg, #AF8664 0%, #AB63AE 100%);

HEX #AF8664 zu HEX #AB63AE

CSS-Code:

background-image: radial-gradient(circle, #AF8664 3%, #AB63AE 94%);

HEX #AB63AE zu HEX #68AF64

CSS-Code:

background-image: linear-gradient(135deg, #AB63AE 11%, #68AF64 94%);

HEX #AB63AE zu HEX #68AF64

CSS-Code:

background-image: radial-gradient(circle, #AB63AE 9%, #68AF64 88%);

HEX #68AF64 zu HEX #AB63AE

CSS-Code:

background-image: linear-gradient(135deg, #68AF64 6%, #AB63AE 89%);

HEX #68AF64 zu HEX #AB63AE

CSS-Code:

background-image: radial-gradient(circle, #68AF64 10%, #AB63AE 92%);

HEX #AB63AE zu HEX #648DAF

CSS-Code:

background-image: linear-gradient(135deg, #AB63AE 14%, #648DAF 98%);

HEX #AB63AE zu HEX #648DAF

CSS-Code:

background-image: radial-gradient(circle, #AB63AE 8%, #648DAF 92%);

HEX #648DAF zu HEX #AB63AE

CSS-Code:

background-image: linear-gradient(135deg, #648DAF 13%, #AB63AE 89%);

HEX #648DAF zu HEX #AB63AE

CSS-Code:

background-image: radial-gradient(circle, #648DAF 0%, #AB63AE 90%);

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.