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

✕

CSS Gradienten:
#555AAB

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

Dunkle Farbe: niedrige Farbwerte wirken dunkler.

Die Aufschlüsselung der Farbe in das RGB-Farbsystem: In diesem Farbton sind von 255 maximalen Farbanteilen jeweils 85 Rot, 90 Grün und 171 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 50 Cyan, 47 Magenta, keine Gelb und 33 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 #555AAB - Komplementärfarbe

Linear

HEX #555AAB zu HEX #AAA554

CSS-Code:

background-image: linear-gradient(135deg, #555AAB 10%, #AAA554 94%);

Radial

HEX #555AAB zu HEX #AAA554

CSS-Code:

background-image: radial-gradient(circle, #555AAB 13%, #AAA554 96%);

HEX #AAA554 zu HEX #555AAB

CSS-Code:

background-image: linear-gradient(135deg, #AAA554 11%, #555AAB 98%);

HEX #AAA554 zu HEX #555AAB

CSS-Code:

background-image: radial-gradient(circle, #AAA554 13%, #555AAB 96%);

2-Farben Gradienten von #555AAB - Hellere Farbtöne

Linear

HEX #555AAB zu HEX #5471AB

CSS-Code:

background-image: linear-gradient(135deg, #555AAB 6%, #5471AB 86%);

Radial

HEX #555AAB zu HEX #5471AB

CSS-Code:

background-image: radial-gradient(circle, #555AAB 0%, #5471AB 100%);

HEX #5471AB zu HEX #555AAB

CSS-Code:

background-image: linear-gradient(135deg, #5471AB 0%, #555AAB 97%);

HEX #5471AB zu HEX #555AAB

CSS-Code:

background-image: radial-gradient(circle, #5471AB 13%, #555AAB 96%);

HEX #555AAB zu HEX #545AAB

CSS-Code:

background-image: linear-gradient(135deg, #555AAB 8%, #545AAB 91%);

HEX #555AAB zu HEX #545AAB

CSS-Code:

background-image: radial-gradient(circle, #555AAB 13%, #545AAB 89%);

HEX #545AAB zu HEX #555AAB

CSS-Code:

background-image: linear-gradient(135deg, #545AAB 6%, #555AAB 87%);

HEX #545AAB zu HEX #555AAB

CSS-Code:

background-image: radial-gradient(circle, #545AAB 12%, #555AAB 90%);

HEX #555AAB zu HEX #6554AB

CSS-Code:

background-image: linear-gradient(135deg, #555AAB 10%, #6554AB 91%);

HEX #555AAB zu HEX #6554AB

CSS-Code:

background-image: radial-gradient(circle, #555AAB 2%, #6554AB 100%);

HEX #6554AB zu HEX #555AAB

CSS-Code:

background-image: linear-gradient(135deg, #6554AB 2%, #555AAB 92%);

HEX #6554AB zu HEX #555AAB

CSS-Code:

background-image: radial-gradient(circle, #6554AB 7%, #555AAB 95%);

HEX #555AAB zu HEX #7D54AB

CSS-Code:

background-image: linear-gradient(135deg, #555AAB 7%, #7D54AB 86%);

HEX #555AAB zu HEX #7D54AB

CSS-Code:

background-image: radial-gradient(circle, #555AAB 14%, #7D54AB 99%);

HEX #7D54AB zu HEX #555AAB

CSS-Code:

background-image: linear-gradient(135deg, #7D54AB 2%, #555AAB 86%);

HEX #7D54AB zu HEX #555AAB

CSS-Code:

background-image: radial-gradient(circle, #7D54AB 12%, #555AAB 88%);

2-Farben Gradienten von #555AAB - Dunklere Farbtöne

Linear

HEX #555AAB zu HEX #474B8F

CSS-Code:

background-image: linear-gradient(135deg, #555AAB 2%, #474B8F 86%);

Radial

HEX #555AAB zu HEX #474B8F

CSS-Code:

background-image: radial-gradient(circle, #555AAB 13%, #474B8F 95%);

HEX #474B8F zu HEX #555AAB

CSS-Code:

background-image: linear-gradient(135deg, #474B8F 10%, #555AAB 95%);

HEX #474B8F zu HEX #555AAB

CSS-Code:

background-image: radial-gradient(circle, #474B8F 2%, #555AAB 98%);

HEX #555AAB zu HEX #5459AB

CSS-Code:

background-image: linear-gradient(135deg, #555AAB 9%, #5459AB 89%);

HEX #555AAB zu HEX #5459AB

CSS-Code:

background-image: radial-gradient(circle, #555AAB 2%, #5459AB 95%);

HEX #5459AB zu HEX #555AAB

CSS-Code:

background-image: linear-gradient(135deg, #5459AB 7%, #555AAB 94%);

HEX #5459AB zu HEX #555AAB

CSS-Code:

background-image: radial-gradient(circle, #5459AB 11%, #555AAB 86%);

HEX #555AAB zu HEX #7074B8

CSS-Code:

background-image: linear-gradient(135deg, #555AAB 0%, #7074B8 86%);

HEX #555AAB zu HEX #7074B8

CSS-Code:

background-image: radial-gradient(circle, #555AAB 11%, #7074B8 87%);

HEX #7074B8 zu HEX #555AAB

CSS-Code:

background-image: linear-gradient(135deg, #7074B8 8%, #555AAB 94%);

HEX #7074B8 zu HEX #555AAB

CSS-Code:

background-image: radial-gradient(circle, #7074B8 1%, #555AAB 88%);

HEX #555AAB zu HEX #8B8FC6

CSS-Code:

background-image: linear-gradient(135deg, #555AAB 12%, #8B8FC6 100%);

HEX #555AAB zu HEX #8B8FC6

CSS-Code:

background-image: radial-gradient(circle, #555AAB 8%, #8B8FC6 94%);

HEX #8B8FC6 zu HEX #555AAB

CSS-Code:

background-image: linear-gradient(135deg, #8B8FC6 1%, #555AAB 92%);

HEX #8B8FC6 zu HEX #555AAB

CSS-Code:

background-image: radial-gradient(circle, #8B8FC6 11%, #555AAB 100%);

2-Farben Gradienten von #555AAB - Analoge Farben

Linear

HEX #555AAB zu HEX #5471AB

CSS-Code:

background-image: linear-gradient(135deg, #555AAB 9%, #5471AB 91%);

Radial

HEX #555AAB zu HEX #5471AB

CSS-Code:

background-image: radial-gradient(circle, #555AAB 5%, #5471AB 93%);

HEX #5471AB zu HEX #555AAB

CSS-Code:

background-image: linear-gradient(135deg, #5471AB 1%, #555AAB 97%);

HEX #5471AB zu HEX #555AAB

CSS-Code:

background-image: radial-gradient(circle, #5471AB 5%, #555AAB 98%);

HEX #555AAB zu HEX #545AAB

CSS-Code:

background-image: linear-gradient(135deg, #555AAB 10%, #545AAB 99%);

HEX #555AAB zu HEX #545AAB

CSS-Code:

background-image: radial-gradient(circle, #555AAB 11%, #545AAB 92%);

HEX #545AAB zu HEX #555AAB

CSS-Code:

background-image: linear-gradient(135deg, #545AAB 11%, #555AAB 88%);

HEX #545AAB zu HEX #555AAB

CSS-Code:

background-image: radial-gradient(circle, #545AAB 10%, #555AAB 96%);

HEX #555AAB zu HEX #6554AB

CSS-Code:

background-image: linear-gradient(135deg, #555AAB 11%, #6554AB 96%);

HEX #555AAB zu HEX #6554AB

CSS-Code:

background-image: radial-gradient(circle, #555AAB 13%, #6554AB 97%);

HEX #6554AB zu HEX #555AAB

CSS-Code:

background-image: linear-gradient(135deg, #6554AB 7%, #555AAB 91%);

HEX #6554AB zu HEX #555AAB

CSS-Code:

background-image: radial-gradient(circle, #6554AB 13%, #555AAB 98%);

HEX #555AAB zu HEX #7D54AB

CSS-Code:

background-image: linear-gradient(135deg, #555AAB 0%, #7D54AB 86%);

HEX #555AAB zu HEX #7D54AB

CSS-Code:

background-image: radial-gradient(circle, #555AAB 11%, #7D54AB 86%);

HEX #7D54AB zu HEX #555AAB

CSS-Code:

background-image: linear-gradient(135deg, #7D54AB 5%, #555AAB 92%);

HEX #7D54AB zu HEX #555AAB

CSS-Code:

background-image: radial-gradient(circle, #7D54AB 1%, #555AAB 88%);

2-Farben Gradienten von #555AAB - Monochromatische Farben

Linear

HEX #555AAB zu HEX #474B8F

CSS-Code:

background-image: linear-gradient(135deg, #555AAB 7%, #474B8F 95%);

Radial

HEX #555AAB zu HEX #474B8F

CSS-Code:

background-image: radial-gradient(circle, #555AAB 8%, #474B8F 90%);

HEX #474B8F zu HEX #555AAB

CSS-Code:

background-image: linear-gradient(135deg, #474B8F 12%, #555AAB 96%);

HEX #474B8F zu HEX #555AAB

CSS-Code:

background-image: radial-gradient(circle, #474B8F 3%, #555AAB 98%);

HEX #555AAB zu HEX #5459AB

CSS-Code:

background-image: linear-gradient(135deg, #555AAB 14%, #5459AB 91%);

HEX #555AAB zu HEX #5459AB

CSS-Code:

background-image: radial-gradient(circle, #555AAB 12%, #5459AB 86%);

HEX #5459AB zu HEX #555AAB

CSS-Code:

background-image: linear-gradient(135deg, #5459AB 4%, #555AAB 92%);

HEX #5459AB zu HEX #555AAB

CSS-Code:

background-image: radial-gradient(circle, #5459AB 8%, #555AAB 86%);

HEX #555AAB zu HEX #7074B8

CSS-Code:

background-image: linear-gradient(135deg, #555AAB 6%, #7074B8 99%);

HEX #555AAB zu HEX #7074B8

CSS-Code:

background-image: radial-gradient(circle, #555AAB 13%, #7074B8 93%);

HEX #7074B8 zu HEX #555AAB

CSS-Code:

background-image: linear-gradient(135deg, #7074B8 11%, #555AAB 89%);

HEX #7074B8 zu HEX #555AAB

CSS-Code:

background-image: radial-gradient(circle, #7074B8 2%, #555AAB 89%);

HEX #555AAB zu HEX #8B8FC6

CSS-Code:

background-image: linear-gradient(135deg, #555AAB 6%, #8B8FC6 98%);

HEX #555AAB zu HEX #8B8FC6

CSS-Code:

background-image: radial-gradient(circle, #555AAB 6%, #8B8FC6 89%);

HEX #8B8FC6 zu HEX #555AAB

CSS-Code:

background-image: linear-gradient(135deg, #8B8FC6 0%, #555AAB 99%);

HEX #8B8FC6 zu HEX #555AAB

CSS-Code:

background-image: radial-gradient(circle, #8B8FC6 4%, #555AAB 95%);

2-Farben Gradienten von #555AAB - Teilkomplementär Farben

Linear

HEX #555AAB zu HEX #AB549F

CSS-Code:

background-image: linear-gradient(135deg, #555AAB 4%, #AB549F 99%);

Radial

HEX #555AAB zu HEX #AB549F

CSS-Code:

background-image: radial-gradient(circle, #555AAB 13%, #AB549F 92%);

HEX #AB549F zu HEX #555AAB

CSS-Code:

background-image: linear-gradient(135deg, #AB549F 1%, #555AAB 89%);

HEX #AB549F zu HEX #555AAB

CSS-Code:

background-image: radial-gradient(circle, #AB549F 0%, #555AAB 86%);

HEX #555AAB zu HEX #7DAB54

CSS-Code:

background-image: linear-gradient(135deg, #555AAB 5%, #7DAB54 89%);

HEX #555AAB zu HEX #7DAB54

CSS-Code:

background-image: radial-gradient(circle, #555AAB 6%, #7DAB54 99%);

HEX #7DAB54 zu HEX #555AAB

CSS-Code:

background-image: linear-gradient(135deg, #7DAB54 7%, #555AAB 91%);

HEX #7DAB54 zu HEX #555AAB

CSS-Code:

background-image: radial-gradient(circle, #7DAB54 4%, #555AAB 86%);

2-Farben Gradienten von #555AAB - Triadische Farben

Linear

HEX #555AAB zu HEX #AB545A

CSS-Code:

background-image: linear-gradient(135deg, #555AAB 7%, #AB545A 92%);

Radial

HEX #555AAB zu HEX #AB545A

CSS-Code:

background-image: radial-gradient(circle, #555AAB 5%, #AB545A 99%);

HEX #AB545A zu HEX #555AAB

CSS-Code:

background-image: linear-gradient(135deg, #AB545A 0%, #555AAB 97%);

HEX #AB545A zu HEX #555AAB

CSS-Code:

background-image: radial-gradient(circle, #AB545A 0%, #555AAB 92%);

HEX #555AAB zu HEX #5AAB54

CSS-Code:

background-image: linear-gradient(135deg, #555AAB 12%, #5AAB54 86%);

HEX #555AAB zu HEX #5AAB54

CSS-Code:

background-image: radial-gradient(circle, #555AAB 12%, #5AAB54 88%);

HEX #5AAB54 zu HEX #555AAB

CSS-Code:

background-image: linear-gradient(135deg, #5AAB54 8%, #555AAB 97%);

HEX #5AAB54 zu HEX #555AAB

CSS-Code:

background-image: radial-gradient(circle, #5AAB54 3%, #555AAB 100%);

2-Farben Gradienten von #555AAB - Rechteckige (Tetradische) Farben

Linear

HEX #555AAB zu HEX #AB549F

CSS-Code:

background-image: linear-gradient(135deg, #555AAB 0%, #AB549F 91%);

Radial

HEX #555AAB zu HEX #AB549F

CSS-Code:

background-image: radial-gradient(circle, #555AAB 13%, #AB549F 86%);

HEX #AB549F zu HEX #555AAB

CSS-Code:

background-image: linear-gradient(135deg, #AB549F 11%, #555AAB 97%);

HEX #AB549F zu HEX #555AAB

CSS-Code:

background-image: radial-gradient(circle, #AB549F 8%, #555AAB 97%);

HEX #555AAB zu HEX #ABA554

CSS-Code:

background-image: linear-gradient(135deg, #555AAB 8%, #ABA554 91%);

HEX #555AAB zu HEX #ABA554

CSS-Code:

background-image: radial-gradient(circle, #555AAB 1%, #ABA554 86%);

HEX #ABA554 zu HEX #555AAB

CSS-Code:

background-image: linear-gradient(135deg, #ABA554 9%, #555AAB 95%);

HEX #ABA554 zu HEX #555AAB

CSS-Code:

background-image: radial-gradient(circle, #ABA554 11%, #555AAB 87%);

HEX #555AAB zu HEX #54AB60

CSS-Code:

background-image: linear-gradient(135deg, #555AAB 14%, #54AB60 89%);

HEX #555AAB zu HEX #54AB60

CSS-Code:

background-image: radial-gradient(circle, #555AAB 5%, #54AB60 92%);

HEX #54AB60 zu HEX #555AAB

CSS-Code:

background-image: linear-gradient(135deg, #54AB60 5%, #555AAB 92%);

HEX #54AB60 zu HEX #555AAB

CSS-Code:

background-image: radial-gradient(circle, #54AB60 10%, #555AAB 94%);

2-Farben Gradienten von #555AAB - Quadratische Farben

Linear

HEX #555AAB zu HEX #AB5485

CSS-Code:

background-image: linear-gradient(135deg, #555AAB 12%, #AB5485 99%);

Radial

HEX #555AAB zu HEX #AB5485

CSS-Code:

background-image: radial-gradient(circle, #555AAB 11%, #AB5485 88%);

HEX #AB5485 zu HEX #555AAB

CSS-Code:

background-image: linear-gradient(135deg, #AB5485 8%, #555AAB 97%);

HEX #AB5485 zu HEX #555AAB

CSS-Code:

background-image: radial-gradient(circle, #AB5485 0%, #555AAB 97%);

HEX #555AAB zu HEX #ABA554

CSS-Code:

background-image: linear-gradient(135deg, #555AAB 10%, #ABA554 98%);

HEX #555AAB zu HEX #ABA554

CSS-Code:

background-image: radial-gradient(circle, #555AAB 14%, #ABA554 100%);

HEX #ABA554 zu HEX #555AAB

CSS-Code:

background-image: linear-gradient(135deg, #ABA554 11%, #555AAB 99%);

HEX #ABA554 zu HEX #555AAB

CSS-Code:

background-image: radial-gradient(circle, #ABA554 8%, #555AAB 90%);

HEX #555AAB zu HEX #54AB7A

CSS-Code:

background-image: linear-gradient(135deg, #555AAB 4%, #54AB7A 92%);

HEX #555AAB zu HEX #54AB7A

CSS-Code:

background-image: radial-gradient(circle, #555AAB 8%, #54AB7A 99%);

HEX #54AB7A zu HEX #555AAB

CSS-Code:

background-image: linear-gradient(135deg, #54AB7A 0%, #555AAB 92%);

HEX #54AB7A zu HEX #555AAB

CSS-Code:

background-image: radial-gradient(circle, #54AB7A 10%, #555AAB 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.