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

✕

CSS Gradienten:
#7087AE

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 112 Rot, 135 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 36 Cyan, 22 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 #7087AE - Komplementärfarbe

Linear

HEX #7087AE zu HEX #8F7851

CSS-Code:

background-image: linear-gradient(135deg, #7087AE 7%, #8F7851 86%);

Radial

HEX #7087AE zu HEX #8F7851

CSS-Code:

background-image: radial-gradient(circle, #7087AE 4%, #8F7851 86%);

HEX #8F7851 zu HEX #7087AE

CSS-Code:

background-image: linear-gradient(135deg, #8F7851 14%, #7087AE 90%);

HEX #8F7851 zu HEX #7087AE

CSS-Code:

background-image: radial-gradient(circle, #8F7851 5%, #7087AE 94%);

2-Farben Gradienten von #7087AE - Hellere Farbtöne

Linear

HEX #7087AE zu HEX #6F98AE

CSS-Code:

background-image: linear-gradient(135deg, #7087AE 8%, #6F98AE 98%);

Radial

HEX #7087AE zu HEX #6F98AE

CSS-Code:

background-image: radial-gradient(circle, #7087AE 2%, #6F98AE 92%);

HEX #6F98AE zu HEX #7087AE

CSS-Code:

background-image: linear-gradient(135deg, #6F98AE 6%, #7087AE 99%);

HEX #6F98AE zu HEX #7087AE

CSS-Code:

background-image: radial-gradient(circle, #6F98AE 8%, #7087AE 95%);

HEX #7087AE zu HEX #6F87AE

CSS-Code:

background-image: linear-gradient(135deg, #7087AE 3%, #6F87AE 94%);

HEX #7087AE zu HEX #6F87AE

CSS-Code:

background-image: radial-gradient(circle, #7087AE 7%, #6F87AE 100%);

HEX #6F87AE zu HEX #7087AE

CSS-Code:

background-image: linear-gradient(135deg, #6F87AE 9%, #7087AE 97%);

HEX #6F87AE zu HEX #7087AE

CSS-Code:

background-image: radial-gradient(circle, #6F87AE 2%, #7087AE 98%);

HEX #7087AE zu HEX #6F77AE

CSS-Code:

background-image: linear-gradient(135deg, #7087AE 2%, #6F77AE 97%);

HEX #7087AE zu HEX #6F77AE

CSS-Code:

background-image: radial-gradient(circle, #7087AE 11%, #6F77AE 88%);

HEX #6F77AE zu HEX #7087AE

CSS-Code:

background-image: linear-gradient(135deg, #6F77AE 12%, #7087AE 96%);

HEX #6F77AE zu HEX #7087AE

CSS-Code:

background-image: radial-gradient(circle, #6F77AE 5%, #7087AE 97%);

HEX #7087AE zu HEX #796FAE

CSS-Code:

background-image: linear-gradient(135deg, #7087AE 1%, #796FAE 96%);

HEX #7087AE zu HEX #796FAE

CSS-Code:

background-image: radial-gradient(circle, #7087AE 1%, #796FAE 91%);

HEX #796FAE zu HEX #7087AE

CSS-Code:

background-image: linear-gradient(135deg, #796FAE 11%, #7087AE 95%);

HEX #796FAE zu HEX #7087AE

CSS-Code:

background-image: radial-gradient(circle, #796FAE 1%, #7087AE 94%);

2-Farben Gradienten von #7087AE - Dunklere Farbtöne

Linear

HEX #7087AE zu HEX #58719C

CSS-Code:

background-image: linear-gradient(135deg, #7087AE 1%, #58719C 93%);

Radial

HEX #7087AE zu HEX #58719C

CSS-Code:

background-image: radial-gradient(circle, #7087AE 10%, #58719C 89%);

HEX #58719C zu HEX #7087AE

CSS-Code:

background-image: linear-gradient(135deg, #58719C 9%, #7087AE 91%);

HEX #58719C zu HEX #7087AE

CSS-Code:

background-image: radial-gradient(circle, #58719C 3%, #7087AE 97%);

HEX #7087AE zu HEX #6F87AE

CSS-Code:

background-image: linear-gradient(135deg, #7087AE 1%, #6F87AE 95%);

HEX #7087AE zu HEX #6F87AE

CSS-Code:

background-image: radial-gradient(circle, #7087AE 13%, #6F87AE 88%);

HEX #6F87AE zu HEX #7087AE

CSS-Code:

background-image: linear-gradient(135deg, #6F87AE 13%, #7087AE 96%);

HEX #6F87AE zu HEX #7087AE

CSS-Code:

background-image: radial-gradient(circle, #6F87AE 0%, #7087AE 87%);

HEX #7087AE zu HEX #8A9DBD

CSS-Code:

background-image: linear-gradient(135deg, #7087AE 14%, #8A9DBD 89%);

HEX #7087AE zu HEX #8A9DBD

CSS-Code:

background-image: radial-gradient(circle, #7087AE 4%, #8A9DBD 91%);

HEX #8A9DBD zu HEX #7087AE

CSS-Code:

background-image: linear-gradient(135deg, #8A9DBD 10%, #7087AE 97%);

HEX #8A9DBD zu HEX #7087AE

CSS-Code:

background-image: radial-gradient(circle, #8A9DBD 12%, #7087AE 92%);

HEX #7087AE zu HEX #A4B3CC

CSS-Code:

background-image: linear-gradient(135deg, #7087AE 10%, #A4B3CC 94%);

HEX #7087AE zu HEX #A4B3CC

CSS-Code:

background-image: radial-gradient(circle, #7087AE 1%, #A4B3CC 95%);

HEX #A4B3CC zu HEX #7087AE

CSS-Code:

background-image: linear-gradient(135deg, #A4B3CC 11%, #7087AE 93%);

HEX #A4B3CC zu HEX #7087AE

CSS-Code:

background-image: radial-gradient(circle, #A4B3CC 5%, #7087AE 99%);

2-Farben Gradienten von #7087AE - Analoge Farben

Linear

HEX #7087AE zu HEX #6F98AE

CSS-Code:

background-image: linear-gradient(135deg, #7087AE 7%, #6F98AE 92%);

Radial

HEX #7087AE zu HEX #6F98AE

CSS-Code:

background-image: radial-gradient(circle, #7087AE 1%, #6F98AE 91%);

HEX #6F98AE zu HEX #7087AE

CSS-Code:

background-image: linear-gradient(135deg, #6F98AE 12%, #7087AE 88%);

HEX #6F98AE zu HEX #7087AE

CSS-Code:

background-image: radial-gradient(circle, #6F98AE 1%, #7087AE 87%);

HEX #7087AE zu HEX #6F87AE

CSS-Code:

background-image: linear-gradient(135deg, #7087AE 6%, #6F87AE 95%);

HEX #7087AE zu HEX #6F87AE

CSS-Code:

background-image: radial-gradient(circle, #7087AE 12%, #6F87AE 97%);

HEX #6F87AE zu HEX #7087AE

CSS-Code:

background-image: linear-gradient(135deg, #6F87AE 10%, #7087AE 88%);

HEX #6F87AE zu HEX #7087AE

CSS-Code:

background-image: radial-gradient(circle, #6F87AE 3%, #7087AE 91%);

HEX #7087AE zu HEX #6F77AE

CSS-Code:

background-image: linear-gradient(135deg, #7087AE 9%, #6F77AE 93%);

HEX #7087AE zu HEX #6F77AE

CSS-Code:

background-image: radial-gradient(circle, #7087AE 13%, #6F77AE 87%);

HEX #6F77AE zu HEX #7087AE

CSS-Code:

background-image: linear-gradient(135deg, #6F77AE 8%, #7087AE 86%);

HEX #6F77AE zu HEX #7087AE

CSS-Code:

background-image: radial-gradient(circle, #6F77AE 11%, #7087AE 91%);

HEX #7087AE zu HEX #796FAE

CSS-Code:

background-image: linear-gradient(135deg, #7087AE 0%, #796FAE 91%);

HEX #7087AE zu HEX #796FAE

CSS-Code:

background-image: radial-gradient(circle, #7087AE 5%, #796FAE 95%);

HEX #796FAE zu HEX #7087AE

CSS-Code:

background-image: linear-gradient(135deg, #796FAE 10%, #7087AE 98%);

HEX #796FAE zu HEX #7087AE

CSS-Code:

background-image: radial-gradient(circle, #796FAE 12%, #7087AE 91%);

2-Farben Gradienten von #7087AE - Monochromatische Farben

Linear

HEX #7087AE zu HEX #58719C

CSS-Code:

background-image: linear-gradient(135deg, #7087AE 11%, #58719C 94%);

Radial

HEX #7087AE zu HEX #58719C

CSS-Code:

background-image: radial-gradient(circle, #7087AE 12%, #58719C 95%);

HEX #58719C zu HEX #7087AE

CSS-Code:

background-image: linear-gradient(135deg, #58719C 1%, #7087AE 87%);

HEX #58719C zu HEX #7087AE

CSS-Code:

background-image: radial-gradient(circle, #58719C 13%, #7087AE 86%);

HEX #7087AE zu HEX #6F87AE

CSS-Code:

background-image: linear-gradient(135deg, #7087AE 4%, #6F87AE 98%);

HEX #7087AE zu HEX #6F87AE

CSS-Code:

background-image: radial-gradient(circle, #7087AE 8%, #6F87AE 88%);

HEX #6F87AE zu HEX #7087AE

CSS-Code:

background-image: linear-gradient(135deg, #6F87AE 14%, #7087AE 98%);

HEX #6F87AE zu HEX #7087AE

CSS-Code:

background-image: radial-gradient(circle, #6F87AE 14%, #7087AE 90%);

HEX #7087AE zu HEX #8A9DBD

CSS-Code:

background-image: linear-gradient(135deg, #7087AE 10%, #8A9DBD 100%);

HEX #7087AE zu HEX #8A9DBD

CSS-Code:

background-image: radial-gradient(circle, #7087AE 2%, #8A9DBD 97%);

HEX #8A9DBD zu HEX #7087AE

CSS-Code:

background-image: linear-gradient(135deg, #8A9DBD 14%, #7087AE 89%);

HEX #8A9DBD zu HEX #7087AE

CSS-Code:

background-image: radial-gradient(circle, #8A9DBD 12%, #7087AE 93%);

HEX #7087AE zu HEX #A4B3CC

CSS-Code:

background-image: linear-gradient(135deg, #7087AE 8%, #A4B3CC 90%);

HEX #7087AE zu HEX #A4B3CC

CSS-Code:

background-image: radial-gradient(circle, #7087AE 10%, #A4B3CC 87%);

HEX #A4B3CC zu HEX #7087AE

CSS-Code:

background-image: linear-gradient(135deg, #A4B3CC 3%, #7087AE 99%);

HEX #A4B3CC zu HEX #7087AE

CSS-Code:

background-image: radial-gradient(circle, #A4B3CC 8%, #7087AE 93%);

2-Farben Gradienten von #7087AE - Teilkomplementär Farben

Linear

HEX #7087AE zu HEX #A36FAE

CSS-Code:

background-image: linear-gradient(135deg, #7087AE 9%, #A36FAE 89%);

Radial

HEX #7087AE zu HEX #A36FAE

CSS-Code:

background-image: radial-gradient(circle, #7087AE 9%, #A36FAE 100%);

HEX #A36FAE zu HEX #7087AE

CSS-Code:

background-image: linear-gradient(135deg, #A36FAE 3%, #7087AE 87%);

HEX #A36FAE zu HEX #7087AE

CSS-Code:

background-image: radial-gradient(circle, #A36FAE 10%, #7087AE 94%);

HEX #7087AE zu HEX #A1AE6F

CSS-Code:

background-image: linear-gradient(135deg, #7087AE 3%, #A1AE6F 95%);

HEX #7087AE zu HEX #A1AE6F

CSS-Code:

background-image: radial-gradient(circle, #7087AE 2%, #A1AE6F 95%);

HEX #A1AE6F zu HEX #7087AE

CSS-Code:

background-image: linear-gradient(135deg, #A1AE6F 5%, #7087AE 87%);

HEX #A1AE6F zu HEX #7087AE

CSS-Code:

background-image: radial-gradient(circle, #A1AE6F 9%, #7087AE 96%);

2-Farben Gradienten von #7087AE - Triadische Farben

Linear

HEX #7087AE zu HEX #AE6F87

CSS-Code:

background-image: linear-gradient(135deg, #7087AE 8%, #AE6F87 95%);

Radial

HEX #7087AE zu HEX #AE6F87

CSS-Code:

background-image: radial-gradient(circle, #7087AE 12%, #AE6F87 93%);

HEX #AE6F87 zu HEX #7087AE

CSS-Code:

background-image: linear-gradient(135deg, #AE6F87 0%, #7087AE 88%);

HEX #AE6F87 zu HEX #7087AE

CSS-Code:

background-image: radial-gradient(circle, #AE6F87 11%, #7087AE 87%);

HEX #7087AE zu HEX #87AE6F

CSS-Code:

background-image: linear-gradient(135deg, #7087AE 13%, #87AE6F 91%);

HEX #7087AE zu HEX #87AE6F

CSS-Code:

background-image: radial-gradient(circle, #7087AE 1%, #87AE6F 97%);

HEX #87AE6F zu HEX #7087AE

CSS-Code:

background-image: linear-gradient(135deg, #87AE6F 4%, #7087AE 97%);

HEX #87AE6F zu HEX #7087AE

CSS-Code:

background-image: radial-gradient(circle, #87AE6F 2%, #7087AE 96%);

2-Farben Gradienten von #7087AE - Rechteckige (Tetradische) Farben

Linear

HEX #7087AE zu HEX #A36FAE

CSS-Code:

background-image: linear-gradient(135deg, #7087AE 6%, #A36FAE 89%);

Radial

HEX #7087AE zu HEX #A36FAE

CSS-Code:

background-image: radial-gradient(circle, #7087AE 6%, #A36FAE 92%);

HEX #A36FAE zu HEX #7087AE

CSS-Code:

background-image: linear-gradient(135deg, #A36FAE 2%, #7087AE 96%);

HEX #A36FAE zu HEX #7087AE

CSS-Code:

background-image: radial-gradient(circle, #A36FAE 12%, #7087AE 90%);

HEX #7087AE zu HEX #AE966F

CSS-Code:

background-image: linear-gradient(135deg, #7087AE 7%, #AE966F 88%);

HEX #7087AE zu HEX #AE966F

CSS-Code:

background-image: radial-gradient(circle, #7087AE 4%, #AE966F 87%);

HEX #AE966F zu HEX #7087AE

CSS-Code:

background-image: linear-gradient(135deg, #AE966F 10%, #7087AE 100%);

HEX #AE966F zu HEX #7087AE

CSS-Code:

background-image: radial-gradient(circle, #AE966F 12%, #7087AE 95%);

HEX #7087AE zu HEX #7BAE6F

CSS-Code:

background-image: linear-gradient(135deg, #7087AE 4%, #7BAE6F 89%);

HEX #7087AE zu HEX #7BAE6F

CSS-Code:

background-image: radial-gradient(circle, #7087AE 13%, #7BAE6F 94%);

HEX #7BAE6F zu HEX #7087AE

CSS-Code:

background-image: linear-gradient(135deg, #7BAE6F 11%, #7087AE 88%);

HEX #7BAE6F zu HEX #7087AE

CSS-Code:

background-image: radial-gradient(circle, #7BAE6F 4%, #7087AE 94%);

2-Farben Gradienten von #7087AE - Quadratische Farben

Linear

HEX #7087AE zu HEX #AE6FA7

CSS-Code:

background-image: linear-gradient(135deg, #7087AE 9%, #AE6FA7 99%);

Radial

HEX #7087AE zu HEX #AE6FA7

CSS-Code:

background-image: radial-gradient(circle, #7087AE 3%, #AE6FA7 86%);

HEX #AE6FA7 zu HEX #7087AE

CSS-Code:

background-image: linear-gradient(135deg, #AE6FA7 0%, #7087AE 92%);

HEX #AE6FA7 zu HEX #7087AE

CSS-Code:

background-image: radial-gradient(circle, #AE6FA7 9%, #7087AE 95%);

HEX #7087AE zu HEX #AE966F

CSS-Code:

background-image: linear-gradient(135deg, #7087AE 5%, #AE966F 97%);

HEX #7087AE zu HEX #AE966F

CSS-Code:

background-image: radial-gradient(circle, #7087AE 14%, #AE966F 91%);

HEX #AE966F zu HEX #7087AE

CSS-Code:

background-image: linear-gradient(135deg, #AE966F 3%, #7087AE 87%);

HEX #AE966F zu HEX #7087AE

CSS-Code:

background-image: radial-gradient(circle, #AE966F 7%, #7087AE 87%);

HEX #7087AE zu HEX #6FAE77

CSS-Code:

background-image: linear-gradient(135deg, #7087AE 12%, #6FAE77 100%);

HEX #7087AE zu HEX #6FAE77

CSS-Code:

background-image: radial-gradient(circle, #7087AE 9%, #6FAE77 90%);

HEX #6FAE77 zu HEX #7087AE

CSS-Code:

background-image: linear-gradient(135deg, #6FAE77 12%, #7087AE 91%);

HEX #6FAE77 zu HEX #7087AE

CSS-Code:

background-image: radial-gradient(circle, #6FAE77 7%, #7087AE 93%);

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.