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

✕

CSS Gradienten:
#EC3844

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

Rot dominiert deutlich: Der Rotwert liegt deutlich über Grün und Blau. 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 236 Rot, 56 Grün und 68 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 keine Cyan, 76 Magenta, 71 Gelb und 7 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 #EC3844 - Komplementärfarbe

Linear

HEX #EC3844 zu HEX #13C7BB

CSS-Code:

background-image: linear-gradient(135deg, #EC3844 9%, #13C7BB 93%);

Radial

HEX #EC3844 zu HEX #13C7BB

CSS-Code:

background-image: radial-gradient(circle, #EC3844 8%, #13C7BB 90%);

HEX #13C7BB zu HEX #EC3844

CSS-Code:

background-image: linear-gradient(135deg, #13C7BB 6%, #EC3844 91%);

HEX #13C7BB zu HEX #EC3844

CSS-Code:

background-image: radial-gradient(circle, #13C7BB 0%, #EC3844 87%);

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

Linear

HEX #EC3844 zu HEX #EC3673

CSS-Code:

background-image: linear-gradient(135deg, #EC3844 3%, #EC3673 91%);

Radial

HEX #EC3844 zu HEX #EC3673

CSS-Code:

background-image: radial-gradient(circle, #EC3844 12%, #EC3673 99%);

HEX #EC3673 zu HEX #EC3844

CSS-Code:

background-image: linear-gradient(135deg, #EC3673 13%, #EC3844 100%);

HEX #EC3673 zu HEX #EC3844

CSS-Code:

background-image: radial-gradient(circle, #EC3673 8%, #EC3844 95%);

HEX #EC3844 zu HEX #EC3642

CSS-Code:

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

HEX #EC3844 zu HEX #EC3642

CSS-Code:

background-image: radial-gradient(circle, #EC3844 5%, #EC3642 87%);

HEX #EC3642 zu HEX #EC3844

CSS-Code:

background-image: linear-gradient(135deg, #EC3642 1%, #EC3844 90%);

HEX #EC3642 zu HEX #EC3844

CSS-Code:

background-image: radial-gradient(circle, #EC3642 11%, #EC3844 96%);

HEX #EC3844 zu HEX #EC5B36

CSS-Code:

background-image: linear-gradient(135deg, #EC3844 5%, #EC5B36 97%);

HEX #EC3844 zu HEX #EC5B36

CSS-Code:

background-image: radial-gradient(circle, #EC3844 11%, #EC5B36 93%);

HEX #EC5B36 zu HEX #EC3844

CSS-Code:

background-image: linear-gradient(135deg, #EC5B36 9%, #EC3844 88%);

HEX #EC5B36 zu HEX #EC3844

CSS-Code:

background-image: radial-gradient(circle, #EC5B36 12%, #EC3844 100%);

HEX #EC3844 zu HEX #EC8B36

CSS-Code:

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

HEX #EC3844 zu HEX #EC8B36

CSS-Code:

background-image: radial-gradient(circle, #EC3844 10%, #EC8B36 86%);

HEX #EC8B36 zu HEX #EC3844

CSS-Code:

background-image: linear-gradient(135deg, #EC8B36 10%, #EC3844 93%);

HEX #EC8B36 zu HEX #EC3844

CSS-Code:

background-image: radial-gradient(circle, #EC8B36 0%, #EC3844 100%);

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

Linear

HEX #EC3844 zu HEX #E41523

CSS-Code:

background-image: linear-gradient(135deg, #EC3844 3%, #E41523 96%);

Radial

HEX #EC3844 zu HEX #E41523

CSS-Code:

background-image: radial-gradient(circle, #EC3844 4%, #E41523 99%);

HEX #E41523 zu HEX #EC3844

CSS-Code:

background-image: linear-gradient(135deg, #E41523 5%, #EC3844 88%);

HEX #E41523 zu HEX #EC3844

CSS-Code:

background-image: radial-gradient(circle, #E41523 11%, #EC3844 95%);

HEX #EC3844 zu HEX #EC3642

CSS-Code:

background-image: linear-gradient(135deg, #EC3844 13%, #EC3642 100%);

HEX #EC3844 zu HEX #EC3642

CSS-Code:

background-image: radial-gradient(circle, #EC3844 10%, #EC3642 100%);

HEX #EC3642 zu HEX #EC3844

CSS-Code:

background-image: linear-gradient(135deg, #EC3642 13%, #EC3844 88%);

HEX #EC3642 zu HEX #EC3844

CSS-Code:

background-image: radial-gradient(circle, #EC3642 2%, #EC3844 97%);

HEX #EC3844 zu HEX #F05C66

CSS-Code:

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

HEX #EC3844 zu HEX #F05C66

CSS-Code:

background-image: radial-gradient(circle, #EC3844 9%, #F05C66 96%);

HEX #F05C66 zu HEX #EC3844

CSS-Code:

background-image: linear-gradient(135deg, #F05C66 3%, #EC3844 94%);

HEX #F05C66 zu HEX #EC3844

CSS-Code:

background-image: radial-gradient(circle, #F05C66 2%, #EC3844 91%);

HEX #EC3844 zu HEX #F38289

CSS-Code:

background-image: linear-gradient(135deg, #EC3844 11%, #F38289 97%);

HEX #EC3844 zu HEX #F38289

CSS-Code:

background-image: radial-gradient(circle, #EC3844 14%, #F38289 91%);

HEX #F38289 zu HEX #EC3844

CSS-Code:

background-image: linear-gradient(135deg, #F38289 7%, #EC3844 89%);

HEX #F38289 zu HEX #EC3844

CSS-Code:

background-image: radial-gradient(circle, #F38289 12%, #EC3844 88%);

2-Farben Gradienten von #EC3844 - Analoge Farben

Linear

HEX #EC3844 zu HEX #EC3673

CSS-Code:

background-image: linear-gradient(135deg, #EC3844 1%, #EC3673 96%);

Radial

HEX #EC3844 zu HEX #EC3673

CSS-Code:

background-image: radial-gradient(circle, #EC3844 8%, #EC3673 99%);

HEX #EC3673 zu HEX #EC3844

CSS-Code:

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

HEX #EC3673 zu HEX #EC3844

CSS-Code:

background-image: radial-gradient(circle, #EC3673 7%, #EC3844 94%);

HEX #EC3844 zu HEX #EC3642

CSS-Code:

background-image: linear-gradient(135deg, #EC3844 4%, #EC3642 100%);

HEX #EC3844 zu HEX #EC3642

CSS-Code:

background-image: radial-gradient(circle, #EC3844 10%, #EC3642 91%);

HEX #EC3642 zu HEX #EC3844

CSS-Code:

background-image: linear-gradient(135deg, #EC3642 12%, #EC3844 90%);

HEX #EC3642 zu HEX #EC3844

CSS-Code:

background-image: radial-gradient(circle, #EC3642 3%, #EC3844 89%);

HEX #EC3844 zu HEX #EC5B36

CSS-Code:

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

HEX #EC3844 zu HEX #EC5B36

CSS-Code:

background-image: radial-gradient(circle, #EC3844 14%, #EC5B36 91%);

HEX #EC5B36 zu HEX #EC3844

CSS-Code:

background-image: linear-gradient(135deg, #EC5B36 4%, #EC3844 88%);

HEX #EC5B36 zu HEX #EC3844

CSS-Code:

background-image: radial-gradient(circle, #EC5B36 14%, #EC3844 89%);

HEX #EC3844 zu HEX #EC8B36

CSS-Code:

background-image: linear-gradient(135deg, #EC3844 2%, #EC8B36 88%);

HEX #EC3844 zu HEX #EC8B36

CSS-Code:

background-image: radial-gradient(circle, #EC3844 10%, #EC8B36 96%);

HEX #EC8B36 zu HEX #EC3844

CSS-Code:

background-image: linear-gradient(135deg, #EC8B36 7%, #EC3844 99%);

HEX #EC8B36 zu HEX #EC3844

CSS-Code:

background-image: radial-gradient(circle, #EC8B36 3%, #EC3844 90%);

2-Farben Gradienten von #EC3844 - Monochromatische Farben

Linear

HEX #EC3844 zu HEX #E41523

CSS-Code:

background-image: linear-gradient(135deg, #EC3844 9%, #E41523 98%);

Radial

HEX #EC3844 zu HEX #E41523

CSS-Code:

background-image: radial-gradient(circle, #EC3844 6%, #E41523 93%);

HEX #E41523 zu HEX #EC3844

CSS-Code:

background-image: linear-gradient(135deg, #E41523 11%, #EC3844 94%);

HEX #E41523 zu HEX #EC3844

CSS-Code:

background-image: radial-gradient(circle, #E41523 2%, #EC3844 99%);

HEX #EC3844 zu HEX #EC3642

CSS-Code:

background-image: linear-gradient(135deg, #EC3844 13%, #EC3642 100%);

HEX #EC3844 zu HEX #EC3642

CSS-Code:

background-image: radial-gradient(circle, #EC3844 10%, #EC3642 92%);

HEX #EC3642 zu HEX #EC3844

CSS-Code:

background-image: linear-gradient(135deg, #EC3642 9%, #EC3844 89%);

HEX #EC3642 zu HEX #EC3844

CSS-Code:

background-image: radial-gradient(circle, #EC3642 14%, #EC3844 89%);

HEX #EC3844 zu HEX #F05C66

CSS-Code:

background-image: linear-gradient(135deg, #EC3844 0%, #F05C66 87%);

HEX #EC3844 zu HEX #F05C66

CSS-Code:

background-image: radial-gradient(circle, #EC3844 7%, #F05C66 95%);

HEX #F05C66 zu HEX #EC3844

CSS-Code:

background-image: linear-gradient(135deg, #F05C66 1%, #EC3844 91%);

HEX #F05C66 zu HEX #EC3844

CSS-Code:

background-image: radial-gradient(circle, #F05C66 11%, #EC3844 95%);

HEX #EC3844 zu HEX #F38289

CSS-Code:

background-image: linear-gradient(135deg, #EC3844 1%, #F38289 92%);

HEX #EC3844 zu HEX #F38289

CSS-Code:

background-image: radial-gradient(circle, #EC3844 7%, #F38289 100%);

HEX #F38289 zu HEX #EC3844

CSS-Code:

background-image: linear-gradient(135deg, #F38289 14%, #EC3844 86%);

HEX #F38289 zu HEX #EC3844

CSS-Code:

background-image: radial-gradient(circle, #F38289 11%, #EC3844 86%);

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

Linear

HEX #EC3844 zu HEX #D4EC36

CSS-Code:

background-image: linear-gradient(135deg, #EC3844 1%, #D4EC36 93%);

Radial

HEX #EC3844 zu HEX #D4EC36

CSS-Code:

background-image: radial-gradient(circle, #EC3844 2%, #D4EC36 86%);

HEX #D4EC36 zu HEX #EC3844

CSS-Code:

background-image: linear-gradient(135deg, #D4EC36 13%, #EC3844 87%);

HEX #D4EC36 zu HEX #EC3844

CSS-Code:

background-image: radial-gradient(circle, #D4EC36 0%, #EC3844 98%);

HEX #EC3844 zu HEX #368BEC

CSS-Code:

background-image: linear-gradient(135deg, #EC3844 4%, #368BEC 91%);

HEX #EC3844 zu HEX #368BEC

CSS-Code:

background-image: radial-gradient(circle, #EC3844 2%, #368BEC 95%);

HEX #368BEC zu HEX #EC3844

CSS-Code:

background-image: linear-gradient(135deg, #368BEC 10%, #EC3844 99%);

HEX #368BEC zu HEX #EC3844

CSS-Code:

background-image: radial-gradient(circle, #368BEC 5%, #EC3844 88%);

2-Farben Gradienten von #EC3844 - Triadische Farben

Linear

HEX #EC3844 zu HEX #42EC36

CSS-Code:

background-image: linear-gradient(135deg, #EC3844 10%, #42EC36 87%);

Radial

HEX #EC3844 zu HEX #42EC36

CSS-Code:

background-image: radial-gradient(circle, #EC3844 14%, #42EC36 100%);

HEX #42EC36 zu HEX #EC3844

CSS-Code:

background-image: linear-gradient(135deg, #42EC36 6%, #EC3844 90%);

HEX #42EC36 zu HEX #EC3844

CSS-Code:

background-image: radial-gradient(circle, #42EC36 1%, #EC3844 95%);

HEX #EC3844 zu HEX #3642EC

CSS-Code:

background-image: linear-gradient(135deg, #EC3844 1%, #3642EC 96%);

HEX #EC3844 zu HEX #3642EC

CSS-Code:

background-image: radial-gradient(circle, #EC3844 12%, #3642EC 91%);

HEX #3642EC zu HEX #EC3844

CSS-Code:

background-image: linear-gradient(135deg, #3642EC 5%, #EC3844 92%);

HEX #3642EC zu HEX #EC3844

CSS-Code:

background-image: radial-gradient(circle, #3642EC 5%, #EC3844 87%);

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

Linear

HEX #EC3844 zu HEX #D4EC36

CSS-Code:

background-image: linear-gradient(135deg, #EC3844 2%, #D4EC36 97%);

Radial

HEX #EC3844 zu HEX #D4EC36

CSS-Code:

background-image: radial-gradient(circle, #EC3844 5%, #D4EC36 92%);

HEX #D4EC36 zu HEX #EC3844

CSS-Code:

background-image: linear-gradient(135deg, #D4EC36 10%, #EC3844 93%);

HEX #D4EC36 zu HEX #EC3844

CSS-Code:

background-image: radial-gradient(circle, #D4EC36 12%, #EC3844 87%);

HEX #EC3844 zu HEX #36ECE0

CSS-Code:

background-image: linear-gradient(135deg, #EC3844 12%, #36ECE0 98%);

HEX #EC3844 zu HEX #36ECE0

CSS-Code:

background-image: radial-gradient(circle, #EC3844 7%, #36ECE0 96%);

HEX #36ECE0 zu HEX #EC3844

CSS-Code:

background-image: linear-gradient(135deg, #36ECE0 12%, #EC3844 91%);

HEX #36ECE0 zu HEX #EC3844

CSS-Code:

background-image: radial-gradient(circle, #36ECE0 6%, #EC3844 86%);

HEX #EC3844 zu HEX #4F36EC

CSS-Code:

background-image: linear-gradient(135deg, #EC3844 12%, #4F36EC 91%);

HEX #EC3844 zu HEX #4F36EC

CSS-Code:

background-image: radial-gradient(circle, #EC3844 5%, #4F36EC 96%);

HEX #4F36EC zu HEX #EC3844

CSS-Code:

background-image: linear-gradient(135deg, #4F36EC 6%, #EC3844 87%);

HEX #4F36EC zu HEX #EC3844

CSS-Code:

background-image: radial-gradient(circle, #4F36EC 7%, #EC3844 98%);

2-Farben Gradienten von #EC3844 - Quadratische Farben

Linear

HEX #EC3844 zu HEX #9DEC36

CSS-Code:

background-image: linear-gradient(135deg, #EC3844 10%, #9DEC36 91%);

Radial

HEX #EC3844 zu HEX #9DEC36

CSS-Code:

background-image: radial-gradient(circle, #EC3844 1%, #9DEC36 95%);

HEX #9DEC36 zu HEX #EC3844

CSS-Code:

background-image: linear-gradient(135deg, #9DEC36 3%, #EC3844 93%);

HEX #9DEC36 zu HEX #EC3844

CSS-Code:

background-image: radial-gradient(circle, #9DEC36 6%, #EC3844 94%);

HEX #EC3844 zu HEX #36ECE0

CSS-Code:

background-image: linear-gradient(135deg, #EC3844 13%, #36ECE0 90%);

HEX #EC3844 zu HEX #36ECE0

CSS-Code:

background-image: radial-gradient(circle, #EC3844 5%, #36ECE0 97%);

HEX #36ECE0 zu HEX #EC3844

CSS-Code:

background-image: linear-gradient(135deg, #36ECE0 12%, #EC3844 87%);

HEX #36ECE0 zu HEX #EC3844

CSS-Code:

background-image: radial-gradient(circle, #36ECE0 11%, #EC3844 100%);

HEX #EC3844 zu HEX #8536EC

CSS-Code:

background-image: linear-gradient(135deg, #EC3844 2%, #8536EC 95%);

HEX #EC3844 zu HEX #8536EC

CSS-Code:

background-image: radial-gradient(circle, #EC3844 10%, #8536EC 92%);

HEX #8536EC zu HEX #EC3844

CSS-Code:

background-image: linear-gradient(135deg, #8536EC 12%, #EC3844 92%);

HEX #8536EC zu HEX #EC3844

CSS-Code:

background-image: radial-gradient(circle, #8536EC 2%, #EC3844 89%);

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.