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

✕

CSS Gradienten:
#58CBAF

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 88 Rot, 203 Grün und 175 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 57 Cyan, keine Magenta, 14 Gelb und 20 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 #58CBAF - Komplementärfarbe

Linear

HEX #58CBAF zu HEX #A73450

CSS-Code:

background-image: linear-gradient(135deg, #58CBAF 12%, #A73450 97%);

Radial

HEX #58CBAF zu HEX #A73450

CSS-Code:

background-image: radial-gradient(circle, #58CBAF 9%, #A73450 92%);

HEX #A73450 zu HEX #58CBAF

CSS-Code:

background-image: linear-gradient(135deg, #A73450 7%, #58CBAF 95%);

HEX #A73450 zu HEX #58CBAF

CSS-Code:

background-image: radial-gradient(circle, #A73450 3%, #58CBAF 97%);

2-Farben Gradienten von #58CBAF - Hellere Farbtöne

Linear

HEX #58CBAF zu HEX #57CB8F

CSS-Code:

background-image: linear-gradient(135deg, #58CBAF 0%, #57CB8F 98%);

Radial

HEX #58CBAF zu HEX #57CB8F

CSS-Code:

background-image: radial-gradient(circle, #58CBAF 9%, #57CB8F 88%);

HEX #57CB8F zu HEX #58CBAF

CSS-Code:

background-image: linear-gradient(135deg, #57CB8F 11%, #58CBAF 91%);

HEX #57CB8F zu HEX #58CBAF

CSS-Code:

background-image: radial-gradient(circle, #57CB8F 3%, #58CBAF 87%);

HEX #58CBAF zu HEX #57CBAE

CSS-Code:

background-image: linear-gradient(135deg, #58CBAF 10%, #57CBAE 95%);

HEX #58CBAF zu HEX #57CBAE

CSS-Code:

background-image: radial-gradient(circle, #58CBAF 5%, #57CBAE 91%);

HEX #57CBAE zu HEX #58CBAF

CSS-Code:

background-image: linear-gradient(135deg, #57CBAE 6%, #58CBAF 89%);

HEX #57CBAE zu HEX #58CBAF

CSS-Code:

background-image: radial-gradient(circle, #57CBAE 11%, #58CBAF 91%);

HEX #58CBAF zu HEX #57CACB

CSS-Code:

background-image: linear-gradient(135deg, #58CBAF 12%, #57CACB 91%);

HEX #58CBAF zu HEX #57CACB

CSS-Code:

background-image: radial-gradient(circle, #58CBAF 3%, #57CACB 88%);

HEX #57CACB zu HEX #58CBAF

CSS-Code:

background-image: linear-gradient(135deg, #57CACB 6%, #58CBAF 92%);

HEX #57CACB zu HEX #58CBAF

CSS-Code:

background-image: radial-gradient(circle, #57CACB 13%, #58CBAF 92%);

HEX #58CBAF zu HEX #57ABCB

CSS-Code:

background-image: linear-gradient(135deg, #58CBAF 9%, #57ABCB 91%);

HEX #58CBAF zu HEX #57ABCB

CSS-Code:

background-image: radial-gradient(circle, #58CBAF 11%, #57ABCB 96%);

HEX #57ABCB zu HEX #58CBAF

CSS-Code:

background-image: linear-gradient(135deg, #57ABCB 13%, #58CBAF 86%);

HEX #57ABCB zu HEX #58CBAF

CSS-Code:

background-image: radial-gradient(circle, #57ABCB 11%, #58CBAF 89%);

2-Farben Gradienten von #58CBAF - Dunklere Farbtöne

Linear

HEX #58CBAF zu HEX #3BBF9F

CSS-Code:

background-image: linear-gradient(135deg, #58CBAF 4%, #3BBF9F 87%);

Radial

HEX #58CBAF zu HEX #3BBF9F

CSS-Code:

background-image: radial-gradient(circle, #58CBAF 1%, #3BBF9F 96%);

HEX #3BBF9F zu HEX #58CBAF

CSS-Code:

background-image: linear-gradient(135deg, #3BBF9F 5%, #58CBAF 91%);

HEX #3BBF9F zu HEX #58CBAF

CSS-Code:

background-image: radial-gradient(circle, #3BBF9F 2%, #58CBAF 90%);

HEX #58CBAF zu HEX #57CBAF

CSS-Code:

background-image: linear-gradient(135deg, #58CBAF 8%, #57CBAF 90%);

HEX #58CBAF zu HEX #57CBAF

CSS-Code:

background-image: radial-gradient(circle, #58CBAF 1%, #57CBAF 87%);

HEX #57CBAF zu HEX #58CBAF

CSS-Code:

background-image: linear-gradient(135deg, #57CBAF 3%, #58CBAF 88%);

HEX #57CBAF zu HEX #58CBAF

CSS-Code:

background-image: radial-gradient(circle, #57CBAF 12%, #58CBAF 100%);

HEX #58CBAF zu HEX #77D5BE

CSS-Code:

background-image: linear-gradient(135deg, #58CBAF 3%, #77D5BE 86%);

HEX #58CBAF zu HEX #77D5BE

CSS-Code:

background-image: radial-gradient(circle, #58CBAF 0%, #77D5BE 87%);

HEX #77D5BE zu HEX #58CBAF

CSS-Code:

background-image: linear-gradient(135deg, #77D5BE 14%, #58CBAF 90%);

HEX #77D5BE zu HEX #58CBAF

CSS-Code:

background-image: radial-gradient(circle, #77D5BE 10%, #58CBAF 96%);

HEX #58CBAF zu HEX #96DFCD

CSS-Code:

background-image: linear-gradient(135deg, #58CBAF 11%, #96DFCD 89%);

HEX #58CBAF zu HEX #96DFCD

CSS-Code:

background-image: radial-gradient(circle, #58CBAF 8%, #96DFCD 88%);

HEX #96DFCD zu HEX #58CBAF

CSS-Code:

background-image: linear-gradient(135deg, #96DFCD 14%, #58CBAF 88%);

HEX #96DFCD zu HEX #58CBAF

CSS-Code:

background-image: radial-gradient(circle, #96DFCD 13%, #58CBAF 88%);

2-Farben Gradienten von #58CBAF - Analoge Farben

Linear

HEX #58CBAF zu HEX #57CB8F

CSS-Code:

background-image: linear-gradient(135deg, #58CBAF 6%, #57CB8F 95%);

Radial

HEX #58CBAF zu HEX #57CB8F

CSS-Code:

background-image: radial-gradient(circle, #58CBAF 9%, #57CB8F 87%);

HEX #57CB8F zu HEX #58CBAF

CSS-Code:

background-image: linear-gradient(135deg, #57CB8F 7%, #58CBAF 90%);

HEX #57CB8F zu HEX #58CBAF

CSS-Code:

background-image: radial-gradient(circle, #57CB8F 1%, #58CBAF 87%);

HEX #58CBAF zu HEX #57CBAE

CSS-Code:

background-image: linear-gradient(135deg, #58CBAF 11%, #57CBAE 100%);

HEX #58CBAF zu HEX #57CBAE

CSS-Code:

background-image: radial-gradient(circle, #58CBAF 2%, #57CBAE 98%);

HEX #57CBAE zu HEX #58CBAF

CSS-Code:

background-image: linear-gradient(135deg, #57CBAE 14%, #58CBAF 99%);

HEX #57CBAE zu HEX #58CBAF

CSS-Code:

background-image: radial-gradient(circle, #57CBAE 14%, #58CBAF 98%);

HEX #58CBAF zu HEX #57CACB

CSS-Code:

background-image: linear-gradient(135deg, #58CBAF 11%, #57CACB 94%);

HEX #58CBAF zu HEX #57CACB

CSS-Code:

background-image: radial-gradient(circle, #58CBAF 13%, #57CACB 91%);

HEX #57CACB zu HEX #58CBAF

CSS-Code:

background-image: linear-gradient(135deg, #57CACB 4%, #58CBAF 96%);

HEX #57CACB zu HEX #58CBAF

CSS-Code:

background-image: radial-gradient(circle, #57CACB 4%, #58CBAF 87%);

HEX #58CBAF zu HEX #57ABCB

CSS-Code:

background-image: linear-gradient(135deg, #58CBAF 4%, #57ABCB 97%);

HEX #58CBAF zu HEX #57ABCB

CSS-Code:

background-image: radial-gradient(circle, #58CBAF 8%, #57ABCB 93%);

HEX #57ABCB zu HEX #58CBAF

CSS-Code:

background-image: linear-gradient(135deg, #57ABCB 9%, #58CBAF 86%);

HEX #57ABCB zu HEX #58CBAF

CSS-Code:

background-image: radial-gradient(circle, #57ABCB 3%, #58CBAF 95%);

2-Farben Gradienten von #58CBAF - Monochromatische Farben

Linear

HEX #58CBAF zu HEX #3BBF9F

CSS-Code:

background-image: linear-gradient(135deg, #58CBAF 3%, #3BBF9F 97%);

Radial

HEX #58CBAF zu HEX #3BBF9F

CSS-Code:

background-image: radial-gradient(circle, #58CBAF 6%, #3BBF9F 98%);

HEX #3BBF9F zu HEX #58CBAF

CSS-Code:

background-image: linear-gradient(135deg, #3BBF9F 3%, #58CBAF 92%);

HEX #3BBF9F zu HEX #58CBAF

CSS-Code:

background-image: radial-gradient(circle, #3BBF9F 13%, #58CBAF 93%);

HEX #58CBAF zu HEX #57CBAF

CSS-Code:

background-image: linear-gradient(135deg, #58CBAF 10%, #57CBAF 97%);

HEX #58CBAF zu HEX #57CBAF

CSS-Code:

background-image: radial-gradient(circle, #58CBAF 9%, #57CBAF 100%);

HEX #57CBAF zu HEX #58CBAF

CSS-Code:

background-image: linear-gradient(135deg, #57CBAF 11%, #58CBAF 97%);

HEX #57CBAF zu HEX #58CBAF

CSS-Code:

background-image: radial-gradient(circle, #57CBAF 12%, #58CBAF 86%);

HEX #58CBAF zu HEX #77D5BE

CSS-Code:

background-image: linear-gradient(135deg, #58CBAF 11%, #77D5BE 93%);

HEX #58CBAF zu HEX #77D5BE

CSS-Code:

background-image: radial-gradient(circle, #58CBAF 7%, #77D5BE 98%);

HEX #77D5BE zu HEX #58CBAF

CSS-Code:

background-image: linear-gradient(135deg, #77D5BE 10%, #58CBAF 94%);

HEX #77D5BE zu HEX #58CBAF

CSS-Code:

background-image: radial-gradient(circle, #77D5BE 3%, #58CBAF 93%);

HEX #58CBAF zu HEX #96DFCD

CSS-Code:

background-image: linear-gradient(135deg, #58CBAF 2%, #96DFCD 89%);

HEX #58CBAF zu HEX #96DFCD

CSS-Code:

background-image: radial-gradient(circle, #58CBAF 2%, #96DFCD 89%);

HEX #96DFCD zu HEX #58CBAF

CSS-Code:

background-image: linear-gradient(135deg, #96DFCD 10%, #58CBAF 98%);

HEX #96DFCD zu HEX #58CBAF

CSS-Code:

background-image: radial-gradient(circle, #96DFCD 12%, #58CBAF 99%);

2-Farben Gradienten von #58CBAF - Teilkomplementär Farben

Linear

HEX #58CBAF zu HEX #575DCB

CSS-Code:

background-image: linear-gradient(135deg, #58CBAF 0%, #575DCB 100%);

Radial

HEX #58CBAF zu HEX #575DCB

CSS-Code:

background-image: radial-gradient(circle, #58CBAF 7%, #575DCB 97%);

HEX #575DCB zu HEX #58CBAF

CSS-Code:

background-image: linear-gradient(135deg, #575DCB 13%, #58CBAF 93%);

HEX #575DCB zu HEX #58CBAF

CSS-Code:

background-image: radial-gradient(circle, #575DCB 0%, #58CBAF 87%);

HEX #58CBAF zu HEX #CB8057

CSS-Code:

background-image: linear-gradient(135deg, #58CBAF 4%, #CB8057 94%);

HEX #58CBAF zu HEX #CB8057

CSS-Code:

background-image: radial-gradient(circle, #58CBAF 12%, #CB8057 99%);

HEX #CB8057 zu HEX #58CBAF

CSS-Code:

background-image: linear-gradient(135deg, #CB8057 14%, #58CBAF 94%);

HEX #CB8057 zu HEX #58CBAF

CSS-Code:

background-image: radial-gradient(circle, #CB8057 0%, #58CBAF 96%);

2-Farben Gradienten von #58CBAF - Triadische Farben

Linear

HEX #58CBAF zu HEX #AE57CB

CSS-Code:

background-image: linear-gradient(135deg, #58CBAF 6%, #AE57CB 93%);

Radial

HEX #58CBAF zu HEX #AE57CB

CSS-Code:

background-image: radial-gradient(circle, #58CBAF 14%, #AE57CB 91%);

HEX #AE57CB zu HEX #58CBAF

CSS-Code:

background-image: linear-gradient(135deg, #AE57CB 6%, #58CBAF 97%);

HEX #AE57CB zu HEX #58CBAF

CSS-Code:

background-image: radial-gradient(circle, #AE57CB 7%, #58CBAF 98%);

HEX #58CBAF zu HEX #CBAE57

CSS-Code:

background-image: linear-gradient(135deg, #58CBAF 4%, #CBAE57 90%);

HEX #58CBAF zu HEX #CBAE57

CSS-Code:

background-image: radial-gradient(circle, #58CBAF 4%, #CBAE57 88%);

HEX #CBAE57 zu HEX #58CBAF

CSS-Code:

background-image: linear-gradient(135deg, #CBAE57 0%, #58CBAF 87%);

HEX #CBAE57 zu HEX #58CBAF

CSS-Code:

background-image: radial-gradient(circle, #CBAE57 3%, #58CBAF 92%);

2-Farben Gradienten von #58CBAF - Rechteckige (Tetradische) Farben

Linear

HEX #58CBAF zu HEX #575DCB

CSS-Code:

background-image: linear-gradient(135deg, #58CBAF 6%, #575DCB 99%);

Radial

HEX #58CBAF zu HEX #575DCB

CSS-Code:

background-image: radial-gradient(circle, #58CBAF 3%, #575DCB 89%);

HEX #575DCB zu HEX #58CBAF

CSS-Code:

background-image: linear-gradient(135deg, #575DCB 7%, #58CBAF 97%);

HEX #575DCB zu HEX #58CBAF

CSS-Code:

background-image: radial-gradient(circle, #575DCB 8%, #58CBAF 94%);

HEX #58CBAF zu HEX #CB5774

CSS-Code:

background-image: linear-gradient(135deg, #58CBAF 11%, #CB5774 91%);

HEX #58CBAF zu HEX #CB5774

CSS-Code:

background-image: radial-gradient(circle, #58CBAF 9%, #CB5774 92%);

HEX #CB5774 zu HEX #58CBAF

CSS-Code:

background-image: linear-gradient(135deg, #CB5774 10%, #58CBAF 97%);

HEX #CB5774 zu HEX #58CBAF

CSS-Code:

background-image: radial-gradient(circle, #CB5774 6%, #58CBAF 95%);

HEX #58CBAF zu HEX #CBC657

CSS-Code:

background-image: linear-gradient(135deg, #58CBAF 6%, #CBC657 87%);

HEX #58CBAF zu HEX #CBC657

CSS-Code:

background-image: radial-gradient(circle, #58CBAF 3%, #CBC657 94%);

HEX #CBC657 zu HEX #58CBAF

CSS-Code:

background-image: linear-gradient(135deg, #CBC657 0%, #58CBAF 89%);

HEX #CBC657 zu HEX #58CBAF

CSS-Code:

background-image: radial-gradient(circle, #CBC657 7%, #58CBAF 90%);

2-Farben Gradienten von #58CBAF - Quadratische Farben

Linear

HEX #58CBAF zu HEX #7457CB

CSS-Code:

background-image: linear-gradient(135deg, #58CBAF 14%, #7457CB 95%);

Radial

HEX #58CBAF zu HEX #7457CB

CSS-Code:

background-image: radial-gradient(circle, #58CBAF 3%, #7457CB 100%);

HEX #7457CB zu HEX #58CBAF

CSS-Code:

background-image: linear-gradient(135deg, #7457CB 0%, #58CBAF 99%);

HEX #7457CB zu HEX #58CBAF

CSS-Code:

background-image: radial-gradient(circle, #7457CB 6%, #58CBAF 87%);

HEX #58CBAF zu HEX #CB5774

CSS-Code:

background-image: linear-gradient(135deg, #58CBAF 12%, #CB5774 93%);

HEX #58CBAF zu HEX #CB5774

CSS-Code:

background-image: radial-gradient(circle, #58CBAF 4%, #CB5774 88%);

HEX #CB5774 zu HEX #58CBAF

CSS-Code:

background-image: linear-gradient(135deg, #CB5774 11%, #58CBAF 100%);

HEX #CB5774 zu HEX #58CBAF

CSS-Code:

background-image: radial-gradient(circle, #CB5774 13%, #58CBAF 100%);

HEX #58CBAF zu HEX #AECB57

CSS-Code:

background-image: linear-gradient(135deg, #58CBAF 4%, #AECB57 99%);

HEX #58CBAF zu HEX #AECB57

CSS-Code:

background-image: radial-gradient(circle, #58CBAF 5%, #AECB57 89%);

HEX #AECB57 zu HEX #58CBAF

CSS-Code:

background-image: linear-gradient(135deg, #AECB57 14%, #58CBAF 86%);

HEX #AECB57 zu HEX #58CBAF

CSS-Code:

background-image: radial-gradient(circle, #AECB57 4%, #58CBAF 98%);

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.