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

✕

CSS Gradienten:
#AB86BA

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, 134 Grün und 186 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 8 Cyan, 28 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 #AB86BA - Komplementärfarbe

Linear

HEX #AB86BA zu HEX #547945

CSS-Code:

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

Radial

HEX #AB86BA zu HEX #547945

CSS-Code:

background-image: radial-gradient(circle, #AB86BA 0%, #547945 86%);

HEX #547945 zu HEX #AB86BA

CSS-Code:

background-image: linear-gradient(135deg, #547945 3%, #AB86BA 95%);

HEX #547945 zu HEX #AB86BA

CSS-Code:

background-image: radial-gradient(circle, #547945 14%, #AB86BA 90%);

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

Linear

HEX #AB86BA zu HEX #9D87BA

CSS-Code:

background-image: linear-gradient(135deg, #AB86BA 0%, #9D87BA 87%);

Radial

HEX #AB86BA zu HEX #9D87BA

CSS-Code:

background-image: radial-gradient(circle, #AB86BA 11%, #9D87BA 87%);

HEX #9D87BA zu HEX #AB86BA

CSS-Code:

background-image: linear-gradient(135deg, #9D87BA 10%, #AB86BA 97%);

HEX #9D87BA zu HEX #AB86BA

CSS-Code:

background-image: radial-gradient(circle, #9D87BA 7%, #AB86BA 90%);

HEX #AB86BA zu HEX #AB87BA

CSS-Code:

background-image: linear-gradient(135deg, #AB86BA 6%, #AB87BA 93%);

HEX #AB86BA zu HEX #AB87BA

CSS-Code:

background-image: radial-gradient(circle, #AB86BA 11%, #AB87BA 98%);

HEX #AB87BA zu HEX #AB86BA

CSS-Code:

background-image: linear-gradient(135deg, #AB87BA 9%, #AB86BA 92%);

HEX #AB87BA zu HEX #AB86BA

CSS-Code:

background-image: radial-gradient(circle, #AB87BA 8%, #AB86BA 88%);

HEX #AB86BA zu HEX #B887BA

CSS-Code:

background-image: linear-gradient(135deg, #AB86BA 0%, #B887BA 97%);

HEX #AB86BA zu HEX #B887BA

CSS-Code:

background-image: radial-gradient(circle, #AB86BA 0%, #B887BA 93%);

HEX #B887BA zu HEX #AB86BA

CSS-Code:

background-image: linear-gradient(135deg, #B887BA 9%, #AB86BA 99%);

HEX #B887BA zu HEX #AB86BA

CSS-Code:

background-image: radial-gradient(circle, #B887BA 14%, #AB86BA 92%);

HEX #AB86BA zu HEX #BA87AE

CSS-Code:

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

HEX #AB86BA zu HEX #BA87AE

CSS-Code:

background-image: radial-gradient(circle, #AB86BA 2%, #BA87AE 99%);

HEX #BA87AE zu HEX #AB86BA

CSS-Code:

background-image: linear-gradient(135deg, #BA87AE 4%, #AB86BA 89%);

HEX #BA87AE zu HEX #AB86BA

CSS-Code:

background-image: radial-gradient(circle, #BA87AE 8%, #AB86BA 91%);

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

Linear

HEX #AB86BA zu HEX #996DAB

CSS-Code:

background-image: linear-gradient(135deg, #AB86BA 10%, #996DAB 90%);

Radial

HEX #AB86BA zu HEX #996DAB

CSS-Code:

background-image: radial-gradient(circle, #AB86BA 0%, #996DAB 94%);

HEX #996DAB zu HEX #AB86BA

CSS-Code:

background-image: linear-gradient(135deg, #996DAB 4%, #AB86BA 91%);

HEX #996DAB zu HEX #AB86BA

CSS-Code:

background-image: radial-gradient(circle, #996DAB 11%, #AB86BA 86%);

HEX #AB86BA zu HEX #AB87BA

CSS-Code:

background-image: linear-gradient(135deg, #AB86BA 8%, #AB87BA 88%);

HEX #AB86BA zu HEX #AB87BA

CSS-Code:

background-image: radial-gradient(circle, #AB86BA 10%, #AB87BA 96%);

HEX #AB87BA zu HEX #AB86BA

CSS-Code:

background-image: linear-gradient(135deg, #AB87BA 6%, #AB86BA 94%);

HEX #AB87BA zu HEX #AB86BA

CSS-Code:

background-image: radial-gradient(circle, #AB87BA 11%, #AB86BA 97%);

HEX #AB86BA zu HEX #BEA1C9

CSS-Code:

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

HEX #AB86BA zu HEX #BEA1C9

CSS-Code:

background-image: radial-gradient(circle, #AB86BA 2%, #BEA1C9 91%);

HEX #BEA1C9 zu HEX #AB86BA

CSS-Code:

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

HEX #BEA1C9 zu HEX #AB86BA

CSS-Code:

background-image: radial-gradient(circle, #BEA1C9 6%, #AB86BA 88%);

HEX #AB86BA zu HEX #D0BCD8

CSS-Code:

background-image: linear-gradient(135deg, #AB86BA 6%, #D0BCD8 98%);

HEX #AB86BA zu HEX #D0BCD8

CSS-Code:

background-image: radial-gradient(circle, #AB86BA 8%, #D0BCD8 99%);

HEX #D0BCD8 zu HEX #AB86BA

CSS-Code:

background-image: linear-gradient(135deg, #D0BCD8 12%, #AB86BA 100%);

HEX #D0BCD8 zu HEX #AB86BA

CSS-Code:

background-image: radial-gradient(circle, #D0BCD8 6%, #AB86BA 99%);

2-Farben Gradienten von #AB86BA - Analoge Farben

Linear

HEX #AB86BA zu HEX #9D87BA

CSS-Code:

background-image: linear-gradient(135deg, #AB86BA 11%, #9D87BA 91%);

Radial

HEX #AB86BA zu HEX #9D87BA

CSS-Code:

background-image: radial-gradient(circle, #AB86BA 0%, #9D87BA 99%);

HEX #9D87BA zu HEX #AB86BA

CSS-Code:

background-image: linear-gradient(135deg, #9D87BA 13%, #AB86BA 87%);

HEX #9D87BA zu HEX #AB86BA

CSS-Code:

background-image: radial-gradient(circle, #9D87BA 9%, #AB86BA 95%);

HEX #AB86BA zu HEX #AB87BA

CSS-Code:

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

HEX #AB86BA zu HEX #AB87BA

CSS-Code:

background-image: radial-gradient(circle, #AB86BA 11%, #AB87BA 94%);

HEX #AB87BA zu HEX #AB86BA

CSS-Code:

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

HEX #AB87BA zu HEX #AB86BA

CSS-Code:

background-image: radial-gradient(circle, #AB87BA 5%, #AB86BA 90%);

HEX #AB86BA zu HEX #B887BA

CSS-Code:

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

HEX #AB86BA zu HEX #B887BA

CSS-Code:

background-image: radial-gradient(circle, #AB86BA 3%, #B887BA 89%);

HEX #B887BA zu HEX #AB86BA

CSS-Code:

background-image: linear-gradient(135deg, #B887BA 4%, #AB86BA 89%);

HEX #B887BA zu HEX #AB86BA

CSS-Code:

background-image: radial-gradient(circle, #B887BA 11%, #AB86BA 87%);

HEX #AB86BA zu HEX #BA87AE

CSS-Code:

background-image: linear-gradient(135deg, #AB86BA 2%, #BA87AE 100%);

HEX #AB86BA zu HEX #BA87AE

CSS-Code:

background-image: radial-gradient(circle, #AB86BA 2%, #BA87AE 95%);

HEX #BA87AE zu HEX #AB86BA

CSS-Code:

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

HEX #BA87AE zu HEX #AB86BA

CSS-Code:

background-image: radial-gradient(circle, #BA87AE 11%, #AB86BA 86%);

2-Farben Gradienten von #AB86BA - Monochromatische Farben

Linear

HEX #AB86BA zu HEX #996DAB

CSS-Code:

background-image: linear-gradient(135deg, #AB86BA 3%, #996DAB 86%);

Radial

HEX #AB86BA zu HEX #996DAB

CSS-Code:

background-image: radial-gradient(circle, #AB86BA 2%, #996DAB 93%);

HEX #996DAB zu HEX #AB86BA

CSS-Code:

background-image: linear-gradient(135deg, #996DAB 6%, #AB86BA 93%);

HEX #996DAB zu HEX #AB86BA

CSS-Code:

background-image: radial-gradient(circle, #996DAB 4%, #AB86BA 98%);

HEX #AB86BA zu HEX #AB87BA

CSS-Code:

background-image: linear-gradient(135deg, #AB86BA 6%, #AB87BA 94%);

HEX #AB86BA zu HEX #AB87BA

CSS-Code:

background-image: radial-gradient(circle, #AB86BA 13%, #AB87BA 86%);

HEX #AB87BA zu HEX #AB86BA

CSS-Code:

background-image: linear-gradient(135deg, #AB87BA 11%, #AB86BA 100%);

HEX #AB87BA zu HEX #AB86BA

CSS-Code:

background-image: radial-gradient(circle, #AB87BA 5%, #AB86BA 95%);

HEX #AB86BA zu HEX #BEA1C9

CSS-Code:

background-image: linear-gradient(135deg, #AB86BA 5%, #BEA1C9 96%);

HEX #AB86BA zu HEX #BEA1C9

CSS-Code:

background-image: radial-gradient(circle, #AB86BA 6%, #BEA1C9 96%);

HEX #BEA1C9 zu HEX #AB86BA

CSS-Code:

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

HEX #BEA1C9 zu HEX #AB86BA

CSS-Code:

background-image: radial-gradient(circle, #BEA1C9 5%, #AB86BA 90%);

HEX #AB86BA zu HEX #D0BCD8

CSS-Code:

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

HEX #AB86BA zu HEX #D0BCD8

CSS-Code:

background-image: radial-gradient(circle, #AB86BA 0%, #D0BCD8 98%);

HEX #D0BCD8 zu HEX #AB86BA

CSS-Code:

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

HEX #D0BCD8 zu HEX #AB86BA

CSS-Code:

background-image: radial-gradient(circle, #D0BCD8 4%, #AB86BA 88%);

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

Linear

HEX #AB86BA zu HEX #BA878C

CSS-Code:

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

Radial

HEX #AB86BA zu HEX #BA878C

CSS-Code:

background-image: radial-gradient(circle, #AB86BA 4%, #BA878C 90%);

HEX #BA878C zu HEX #AB86BA

CSS-Code:

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

HEX #BA878C zu HEX #AB86BA

CSS-Code:

background-image: radial-gradient(circle, #BA878C 7%, #AB86BA 91%);

HEX #AB86BA zu HEX #87BA96

CSS-Code:

background-image: linear-gradient(135deg, #AB86BA 2%, #87BA96 94%);

HEX #AB86BA zu HEX #87BA96

CSS-Code:

background-image: radial-gradient(circle, #AB86BA 13%, #87BA96 97%);

HEX #87BA96 zu HEX #AB86BA

CSS-Code:

background-image: linear-gradient(135deg, #87BA96 13%, #AB86BA 90%);

HEX #87BA96 zu HEX #AB86BA

CSS-Code:

background-image: radial-gradient(circle, #87BA96 6%, #AB86BA 88%);

2-Farben Gradienten von #AB86BA - Triadische Farben

Linear

HEX #AB86BA zu HEX #BAAB87

CSS-Code:

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

Radial

HEX #AB86BA zu HEX #BAAB87

CSS-Code:

background-image: radial-gradient(circle, #AB86BA 3%, #BAAB87 98%);

HEX #BAAB87 zu HEX #AB86BA

CSS-Code:

background-image: linear-gradient(135deg, #BAAB87 0%, #AB86BA 91%);

HEX #BAAB87 zu HEX #AB86BA

CSS-Code:

background-image: radial-gradient(circle, #BAAB87 13%, #AB86BA 95%);

HEX #AB86BA zu HEX #87BAAB

CSS-Code:

background-image: linear-gradient(135deg, #AB86BA 7%, #87BAAB 100%);

HEX #AB86BA zu HEX #87BAAB

CSS-Code:

background-image: radial-gradient(circle, #AB86BA 0%, #87BAAB 96%);

HEX #87BAAB zu HEX #AB86BA

CSS-Code:

background-image: linear-gradient(135deg, #87BAAB 3%, #AB86BA 91%);

HEX #87BAAB zu HEX #AB86BA

CSS-Code:

background-image: radial-gradient(circle, #87BAAB 14%, #AB86BA 89%);

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

Linear

HEX #AB86BA zu HEX #BA878C

CSS-Code:

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

Radial

HEX #AB86BA zu HEX #BA878C

CSS-Code:

background-image: radial-gradient(circle, #AB86BA 14%, #BA878C 88%);

HEX #BA878C zu HEX #AB86BA

CSS-Code:

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

HEX #BA878C zu HEX #AB86BA

CSS-Code:

background-image: radial-gradient(circle, #BA878C 11%, #AB86BA 91%);

HEX #AB86BA zu HEX #96BA87

CSS-Code:

background-image: linear-gradient(135deg, #AB86BA 5%, #96BA87 94%);

HEX #AB86BA zu HEX #96BA87

CSS-Code:

background-image: radial-gradient(circle, #AB86BA 11%, #96BA87 86%);

HEX #96BA87 zu HEX #AB86BA

CSS-Code:

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

HEX #96BA87 zu HEX #AB86BA

CSS-Code:

background-image: radial-gradient(circle, #96BA87 2%, #AB86BA 89%);

HEX #AB86BA zu HEX #87BAB5

CSS-Code:

background-image: linear-gradient(135deg, #AB86BA 14%, #87BAB5 95%);

HEX #AB86BA zu HEX #87BAB5

CSS-Code:

background-image: radial-gradient(circle, #AB86BA 5%, #87BAB5 93%);

HEX #87BAB5 zu HEX #AB86BA

CSS-Code:

background-image: linear-gradient(135deg, #87BAB5 13%, #AB86BA 86%);

HEX #87BAB5 zu HEX #AB86BA

CSS-Code:

background-image: radial-gradient(circle, #87BAB5 10%, #AB86BA 93%);

2-Farben Gradienten von #AB86BA - Quadratische Farben

Linear

HEX #AB86BA zu HEX #BA9187

CSS-Code:

background-image: linear-gradient(135deg, #AB86BA 13%, #BA9187 91%);

Radial

HEX #AB86BA zu HEX #BA9187

CSS-Code:

background-image: radial-gradient(circle, #AB86BA 13%, #BA9187 93%);

HEX #BA9187 zu HEX #AB86BA

CSS-Code:

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

HEX #BA9187 zu HEX #AB86BA

CSS-Code:

background-image: radial-gradient(circle, #BA9187 6%, #AB86BA 91%);

HEX #AB86BA zu HEX #96BA87

CSS-Code:

background-image: linear-gradient(135deg, #AB86BA 2%, #96BA87 90%);

HEX #AB86BA zu HEX #96BA87

CSS-Code:

background-image: radial-gradient(circle, #AB86BA 0%, #96BA87 88%);

HEX #96BA87 zu HEX #AB86BA

CSS-Code:

background-image: linear-gradient(135deg, #96BA87 5%, #AB86BA 87%);

HEX #96BA87 zu HEX #AB86BA

CSS-Code:

background-image: radial-gradient(circle, #96BA87 4%, #AB86BA 90%);

HEX #AB86BA zu HEX #87B0BA

CSS-Code:

background-image: linear-gradient(135deg, #AB86BA 12%, #87B0BA 97%);

HEX #AB86BA zu HEX #87B0BA

CSS-Code:

background-image: radial-gradient(circle, #AB86BA 11%, #87B0BA 87%);

HEX #87B0BA zu HEX #AB86BA

CSS-Code:

background-image: linear-gradient(135deg, #87B0BA 8%, #AB86BA 87%);

HEX #87B0BA zu HEX #AB86BA

CSS-Code:

background-image: radial-gradient(circle, #87B0BA 2%, #AB86BA 100%);

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.