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

✕

CSS Gradienten:
#477BAD

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 71 Rot, 123 Grün und 173 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 59 Cyan, 29 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 #477BAD - Komplementärfarbe

Linear

HEX #477BAD zu HEX #B88452

CSS-Code:

background-image: linear-gradient(135deg, #477BAD 10%, #B88452 95%);

Radial

HEX #477BAD zu HEX #B88452

CSS-Code:

background-image: radial-gradient(circle, #477BAD 7%, #B88452 97%);

HEX #B88452 zu HEX #477BAD

CSS-Code:

background-image: linear-gradient(135deg, #B88452 4%, #477BAD 87%);

HEX #B88452 zu HEX #477BAD

CSS-Code:

background-image: radial-gradient(circle, #B88452 2%, #477BAD 100%);

2-Farben Gradienten von #477BAD - Hellere Farbtöne

Linear

HEX #477BAD zu HEX #4798AE

CSS-Code:

background-image: linear-gradient(135deg, #477BAD 7%, #4798AE 90%);

Radial

HEX #477BAD zu HEX #4798AE

CSS-Code:

background-image: radial-gradient(circle, #477BAD 6%, #4798AE 86%);

HEX #4798AE zu HEX #477BAD

CSS-Code:

background-image: linear-gradient(135deg, #4798AE 6%, #477BAD 88%);

HEX #4798AE zu HEX #477BAD

CSS-Code:

background-image: radial-gradient(circle, #4798AE 7%, #477BAD 87%);

HEX #477BAD zu HEX #477CAE

CSS-Code:

background-image: linear-gradient(135deg, #477BAD 3%, #477CAE 99%);

HEX #477BAD zu HEX #477CAE

CSS-Code:

background-image: radial-gradient(circle, #477BAD 6%, #477CAE 93%);

HEX #477CAE zu HEX #477BAD

CSS-Code:

background-image: linear-gradient(135deg, #477CAE 10%, #477BAD 90%);

HEX #477CAE zu HEX #477BAD

CSS-Code:

background-image: radial-gradient(circle, #477CAE 5%, #477BAD 91%);

HEX #477BAD zu HEX #4761AE

CSS-Code:

background-image: linear-gradient(135deg, #477BAD 5%, #4761AE 98%);

HEX #477BAD zu HEX #4761AE

CSS-Code:

background-image: radial-gradient(circle, #477BAD 6%, #4761AE 96%);

HEX #4761AE zu HEX #477BAD

CSS-Code:

background-image: linear-gradient(135deg, #4761AE 12%, #477BAD 96%);

HEX #4761AE zu HEX #477BAD

CSS-Code:

background-image: radial-gradient(circle, #4761AE 1%, #477BAD 88%);

HEX #477BAD zu HEX #4947AE

CSS-Code:

background-image: linear-gradient(135deg, #477BAD 7%, #4947AE 86%);

HEX #477BAD zu HEX #4947AE

CSS-Code:

background-image: radial-gradient(circle, #477BAD 3%, #4947AE 92%);

HEX #4947AE zu HEX #477BAD

CSS-Code:

background-image: linear-gradient(135deg, #4947AE 12%, #477BAD 99%);

HEX #4947AE zu HEX #477BAD

CSS-Code:

background-image: radial-gradient(circle, #4947AE 8%, #477BAD 92%);

2-Farben Gradienten von #477BAD - Dunklere Farbtöne

Linear

HEX #477BAD zu HEX #3B6791

CSS-Code:

background-image: linear-gradient(135deg, #477BAD 3%, #3B6791 96%);

Radial

HEX #477BAD zu HEX #3B6791

CSS-Code:

background-image: radial-gradient(circle, #477BAD 8%, #3B6791 98%);

HEX #3B6791 zu HEX #477BAD

CSS-Code:

background-image: linear-gradient(135deg, #3B6791 11%, #477BAD 92%);

HEX #3B6791 zu HEX #477BAD

CSS-Code:

background-image: radial-gradient(circle, #3B6791 5%, #477BAD 96%);

HEX #477BAD zu HEX #477BAE

CSS-Code:

background-image: linear-gradient(135deg, #477BAD 12%, #477BAE 100%);

HEX #477BAD zu HEX #477BAE

CSS-Code:

background-image: radial-gradient(circle, #477BAD 6%, #477BAE 98%);

HEX #477BAE zu HEX #477BAD

CSS-Code:

background-image: linear-gradient(135deg, #477BAE 2%, #477BAD 88%);

HEX #477BAE zu HEX #477BAD

CSS-Code:

background-image: radial-gradient(circle, #477BAE 13%, #477BAD 92%);

HEX #477BAD zu HEX #6090BE

CSS-Code:

background-image: linear-gradient(135deg, #477BAD 12%, #6090BE 97%);

HEX #477BAD zu HEX #6090BE

CSS-Code:

background-image: radial-gradient(circle, #477BAD 9%, #6090BE 100%);

HEX #6090BE zu HEX #477BAD

CSS-Code:

background-image: linear-gradient(135deg, #6090BE 7%, #477BAD 95%);

HEX #6090BE zu HEX #477BAD

CSS-Code:

background-image: radial-gradient(circle, #6090BE 7%, #477BAD 100%);

HEX #477BAD zu HEX #7DA4CA

CSS-Code:

background-image: linear-gradient(135deg, #477BAD 4%, #7DA4CA 91%);

HEX #477BAD zu HEX #7DA4CA

CSS-Code:

background-image: radial-gradient(circle, #477BAD 11%, #7DA4CA 90%);

HEX #7DA4CA zu HEX #477BAD

CSS-Code:

background-image: linear-gradient(135deg, #7DA4CA 6%, #477BAD 89%);

HEX #7DA4CA zu HEX #477BAD

CSS-Code:

background-image: radial-gradient(circle, #7DA4CA 9%, #477BAD 91%);

2-Farben Gradienten von #477BAD - Analoge Farben

Linear

HEX #477BAD zu HEX #4798AE

CSS-Code:

background-image: linear-gradient(135deg, #477BAD 9%, #4798AE 87%);

Radial

HEX #477BAD zu HEX #4798AE

CSS-Code:

background-image: radial-gradient(circle, #477BAD 0%, #4798AE 94%);

HEX #4798AE zu HEX #477BAD

CSS-Code:

background-image: linear-gradient(135deg, #4798AE 11%, #477BAD 88%);

HEX #4798AE zu HEX #477BAD

CSS-Code:

background-image: radial-gradient(circle, #4798AE 6%, #477BAD 96%);

HEX #477BAD zu HEX #477CAE

CSS-Code:

background-image: linear-gradient(135deg, #477BAD 2%, #477CAE 91%);

HEX #477BAD zu HEX #477CAE

CSS-Code:

background-image: radial-gradient(circle, #477BAD 0%, #477CAE 86%);

HEX #477CAE zu HEX #477BAD

CSS-Code:

background-image: linear-gradient(135deg, #477CAE 11%, #477BAD 90%);

HEX #477CAE zu HEX #477BAD

CSS-Code:

background-image: radial-gradient(circle, #477CAE 13%, #477BAD 90%);

HEX #477BAD zu HEX #4761AE

CSS-Code:

background-image: linear-gradient(135deg, #477BAD 11%, #4761AE 86%);

HEX #477BAD zu HEX #4761AE

CSS-Code:

background-image: radial-gradient(circle, #477BAD 5%, #4761AE 95%);

HEX #4761AE zu HEX #477BAD

CSS-Code:

background-image: linear-gradient(135deg, #4761AE 14%, #477BAD 95%);

HEX #4761AE zu HEX #477BAD

CSS-Code:

background-image: radial-gradient(circle, #4761AE 9%, #477BAD 93%);

HEX #477BAD zu HEX #4947AE

CSS-Code:

background-image: linear-gradient(135deg, #477BAD 5%, #4947AE 90%);

HEX #477BAD zu HEX #4947AE

CSS-Code:

background-image: radial-gradient(circle, #477BAD 0%, #4947AE 88%);

HEX #4947AE zu HEX #477BAD

CSS-Code:

background-image: linear-gradient(135deg, #4947AE 5%, #477BAD 89%);

HEX #4947AE zu HEX #477BAD

CSS-Code:

background-image: radial-gradient(circle, #4947AE 10%, #477BAD 96%);

2-Farben Gradienten von #477BAD - Monochromatische Farben

Linear

HEX #477BAD zu HEX #3B6791

CSS-Code:

background-image: linear-gradient(135deg, #477BAD 9%, #3B6791 94%);

Radial

HEX #477BAD zu HEX #3B6791

CSS-Code:

background-image: radial-gradient(circle, #477BAD 5%, #3B6791 97%);

HEX #3B6791 zu HEX #477BAD

CSS-Code:

background-image: linear-gradient(135deg, #3B6791 1%, #477BAD 90%);

HEX #3B6791 zu HEX #477BAD

CSS-Code:

background-image: radial-gradient(circle, #3B6791 2%, #477BAD 94%);

HEX #477BAD zu HEX #477BAE

CSS-Code:

background-image: linear-gradient(135deg, #477BAD 6%, #477BAE 94%);

HEX #477BAD zu HEX #477BAE

CSS-Code:

background-image: radial-gradient(circle, #477BAD 2%, #477BAE 98%);

HEX #477BAE zu HEX #477BAD

CSS-Code:

background-image: linear-gradient(135deg, #477BAE 7%, #477BAD 100%);

HEX #477BAE zu HEX #477BAD

CSS-Code:

background-image: radial-gradient(circle, #477BAE 7%, #477BAD 98%);

HEX #477BAD zu HEX #6090BE

CSS-Code:

background-image: linear-gradient(135deg, #477BAD 3%, #6090BE 86%);

HEX #477BAD zu HEX #6090BE

CSS-Code:

background-image: radial-gradient(circle, #477BAD 7%, #6090BE 100%);

HEX #6090BE zu HEX #477BAD

CSS-Code:

background-image: linear-gradient(135deg, #6090BE 5%, #477BAD 89%);

HEX #6090BE zu HEX #477BAD

CSS-Code:

background-image: radial-gradient(circle, #6090BE 1%, #477BAD 95%);

HEX #477BAD zu HEX #7DA4CA

CSS-Code:

background-image: linear-gradient(135deg, #477BAD 4%, #7DA4CA 94%);

HEX #477BAD zu HEX #7DA4CA

CSS-Code:

background-image: radial-gradient(circle, #477BAD 4%, #7DA4CA 94%);

HEX #7DA4CA zu HEX #477BAD

CSS-Code:

background-image: linear-gradient(135deg, #7DA4CA 14%, #477BAD 89%);

HEX #7DA4CA zu HEX #477BAD

CSS-Code:

background-image: radial-gradient(circle, #7DA4CA 0%, #477BAD 95%);

2-Farben Gradienten von #477BAD - Teilkomplementär Farben

Linear

HEX #477BAD zu HEX #8D47AE

CSS-Code:

background-image: linear-gradient(135deg, #477BAD 10%, #8D47AE 94%);

Radial

HEX #477BAD zu HEX #8D47AE

CSS-Code:

background-image: radial-gradient(circle, #477BAD 14%, #8D47AE 91%);

HEX #8D47AE zu HEX #477BAD

CSS-Code:

background-image: linear-gradient(135deg, #8D47AE 13%, #477BAD 86%);

HEX #8D47AE zu HEX #477BAD

CSS-Code:

background-image: radial-gradient(circle, #8D47AE 7%, #477BAD 93%);

HEX #477BAD zu HEX #A5AE47

CSS-Code:

background-image: linear-gradient(135deg, #477BAD 13%, #A5AE47 98%);

HEX #477BAD zu HEX #A5AE47

CSS-Code:

background-image: radial-gradient(circle, #477BAD 5%, #A5AE47 87%);

HEX #A5AE47 zu HEX #477BAD

CSS-Code:

background-image: linear-gradient(135deg, #A5AE47 1%, #477BAD 99%);

HEX #A5AE47 zu HEX #477BAD

CSS-Code:

background-image: radial-gradient(circle, #A5AE47 8%, #477BAD 89%);

2-Farben Gradienten von #477BAD - Triadische Farben

Linear

HEX #477BAD zu HEX #AE477C

CSS-Code:

background-image: linear-gradient(135deg, #477BAD 6%, #AE477C 90%);

Radial

HEX #477BAD zu HEX #AE477C

CSS-Code:

background-image: radial-gradient(circle, #477BAD 13%, #AE477C 86%);

HEX #AE477C zu HEX #477BAD

CSS-Code:

background-image: linear-gradient(135deg, #AE477C 11%, #477BAD 94%);

HEX #AE477C zu HEX #477BAD

CSS-Code:

background-image: radial-gradient(circle, #AE477C 7%, #477BAD 89%);

HEX #477BAD zu HEX #7CAE47

CSS-Code:

background-image: linear-gradient(135deg, #477BAD 4%, #7CAE47 98%);

HEX #477BAD zu HEX #7CAE47

CSS-Code:

background-image: radial-gradient(circle, #477BAD 11%, #7CAE47 97%);

HEX #7CAE47 zu HEX #477BAD

CSS-Code:

background-image: linear-gradient(135deg, #7CAE47 1%, #477BAD 100%);

HEX #7CAE47 zu HEX #477BAD

CSS-Code:

background-image: radial-gradient(circle, #7CAE47 0%, #477BAD 95%);

2-Farben Gradienten von #477BAD - Rechteckige (Tetradische) Farben

Linear

HEX #477BAD zu HEX #8D47AE

CSS-Code:

background-image: linear-gradient(135deg, #477BAD 7%, #8D47AE 91%);

Radial

HEX #477BAD zu HEX #8D47AE

CSS-Code:

background-image: radial-gradient(circle, #477BAD 0%, #8D47AE 100%);

HEX #8D47AE zu HEX #477BAD

CSS-Code:

background-image: linear-gradient(135deg, #8D47AE 6%, #477BAD 99%);

HEX #8D47AE zu HEX #477BAD

CSS-Code:

background-image: radial-gradient(circle, #8D47AE 2%, #477BAD 100%);

HEX #477BAD zu HEX #AE7947

CSS-Code:

background-image: linear-gradient(135deg, #477BAD 5%, #AE7947 87%);

HEX #477BAD zu HEX #AE7947

CSS-Code:

background-image: radial-gradient(circle, #477BAD 10%, #AE7947 91%);

HEX #AE7947 zu HEX #477BAD

CSS-Code:

background-image: linear-gradient(135deg, #AE7947 11%, #477BAD 90%);

HEX #AE7947 zu HEX #477BAD

CSS-Code:

background-image: radial-gradient(circle, #AE7947 5%, #477BAD 95%);

HEX #477BAD zu HEX #68AE47

CSS-Code:

background-image: linear-gradient(135deg, #477BAD 5%, #68AE47 88%);

HEX #477BAD zu HEX #68AE47

CSS-Code:

background-image: radial-gradient(circle, #477BAD 6%, #68AE47 87%);

HEX #68AE47 zu HEX #477BAD

CSS-Code:

background-image: linear-gradient(135deg, #68AE47 9%, #477BAD 100%);

HEX #68AE47 zu HEX #477BAD

CSS-Code:

background-image: radial-gradient(circle, #68AE47 11%, #477BAD 92%);

2-Farben Gradienten von #477BAD - Quadratische Farben

Linear

HEX #477BAD zu HEX #AC47AE

CSS-Code:

background-image: linear-gradient(135deg, #477BAD 10%, #AC47AE 89%);

Radial

HEX #477BAD zu HEX #AC47AE

CSS-Code:

background-image: radial-gradient(circle, #477BAD 4%, #AC47AE 96%);

HEX #AC47AE zu HEX #477BAD

CSS-Code:

background-image: linear-gradient(135deg, #AC47AE 8%, #477BAD 96%);

HEX #AC47AE zu HEX #477BAD

CSS-Code:

background-image: radial-gradient(circle, #AC47AE 11%, #477BAD 89%);

HEX #477BAD zu HEX #AE7947

CSS-Code:

background-image: linear-gradient(135deg, #477BAD 10%, #AE7947 91%);

HEX #477BAD zu HEX #AE7947

CSS-Code:

background-image: radial-gradient(circle, #477BAD 13%, #AE7947 90%);

HEX #AE7947 zu HEX #477BAD

CSS-Code:

background-image: linear-gradient(135deg, #AE7947 1%, #477BAD 96%);

HEX #AE7947 zu HEX #477BAD

CSS-Code:

background-image: radial-gradient(circle, #AE7947 13%, #477BAD 87%);

HEX #477BAD zu HEX #49AE47

CSS-Code:

background-image: linear-gradient(135deg, #477BAD 11%, #49AE47 95%);

HEX #477BAD zu HEX #49AE47

CSS-Code:

background-image: radial-gradient(circle, #477BAD 2%, #49AE47 86%);

HEX #49AE47 zu HEX #477BAD

CSS-Code:

background-image: linear-gradient(135deg, #49AE47 9%, #477BAD 95%);

HEX #49AE47 zu HEX #477BAD

CSS-Code:

background-image: radial-gradient(circle, #49AE47 13%, #477BAD 96%);

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.