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

✕

CSS Gradienten:
#DE7101

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 und Grün dominieren diesen Farbton deutlich: Der Rot- und der Grünwert liegen über Blau. Dunkle Farbe: niedrige Farbwerte wirken dunkler.

Die Aufschlüsselung der Farbe in das RGB-Farbsystem: In diesem Farbton sind von 255 maximalen Farbanteilen jeweils 222 Rot, 113 Grün und 1 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, 49 Magenta, 100 Gelb und 13 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 #DE7101 - Komplementärfarbe

Linear

HEX #DE7101 zu HEX #218EFE

CSS-Code:

background-image: linear-gradient(135deg, #DE7101 5%, #218EFE 94%);

Radial

HEX #DE7101 zu HEX #218EFE

CSS-Code:

background-image: radial-gradient(circle, #DE7101 6%, #218EFE 99%);

HEX #218EFE zu HEX #DE7101

CSS-Code:

background-image: linear-gradient(135deg, #218EFE 3%, #DE7101 93%);

HEX #218EFE zu HEX #DE7101

CSS-Code:

background-image: radial-gradient(circle, #218EFE 5%, #DE7101 98%);

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

Linear

HEX #DE7101 zu HEX #DF3501

CSS-Code:

background-image: linear-gradient(135deg, #DE7101 3%, #DF3501 100%);

Radial

HEX #DE7101 zu HEX #DF3501

CSS-Code:

background-image: radial-gradient(circle, #DE7101 9%, #DF3501 96%);

HEX #DF3501 zu HEX #DE7101

CSS-Code:

background-image: linear-gradient(135deg, #DF3501 3%, #DE7101 87%);

HEX #DF3501 zu HEX #DE7101

CSS-Code:

background-image: radial-gradient(circle, #DF3501 6%, #DE7101 95%);

HEX #DE7101 zu HEX #DF7001

CSS-Code:

background-image: linear-gradient(135deg, #DE7101 1%, #DF7001 95%);

HEX #DE7101 zu HEX #DF7001

CSS-Code:

background-image: radial-gradient(circle, #DE7101 0%, #DF7001 100%);

HEX #DF7001 zu HEX #DE7101

CSS-Code:

background-image: linear-gradient(135deg, #DF7001 11%, #DE7101 88%);

HEX #DF7001 zu HEX #DE7101

CSS-Code:

background-image: radial-gradient(circle, #DF7001 11%, #DE7101 90%);

HEX #DE7101 zu HEX #DFAB01

CSS-Code:

background-image: linear-gradient(135deg, #DE7101 0%, #DFAB01 94%);

HEX #DE7101 zu HEX #DFAB01

CSS-Code:

background-image: radial-gradient(circle, #DE7101 9%, #DFAB01 86%);

HEX #DFAB01 zu HEX #DE7101

CSS-Code:

background-image: linear-gradient(135deg, #DFAB01 8%, #DE7101 95%);

HEX #DFAB01 zu HEX #DE7101

CSS-Code:

background-image: radial-gradient(circle, #DFAB01 10%, #DE7101 97%);

HEX #DE7101 zu HEX #D8DF01

CSS-Code:

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

HEX #DE7101 zu HEX #D8DF01

CSS-Code:

background-image: radial-gradient(circle, #DE7101 2%, #D8DF01 92%);

HEX #D8DF01 zu HEX #DE7101

CSS-Code:

background-image: linear-gradient(135deg, #D8DF01 3%, #DE7101 87%);

HEX #D8DF01 zu HEX #DE7101

CSS-Code:

background-image: radial-gradient(circle, #D8DF01 5%, #DE7101 97%);

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

Linear

HEX #DE7101 zu HEX #B65D01

CSS-Code:

background-image: linear-gradient(135deg, #DE7101 0%, #B65D01 97%);

Radial

HEX #DE7101 zu HEX #B65D01

CSS-Code:

background-image: radial-gradient(circle, #DE7101 8%, #B65D01 89%);

HEX #B65D01 zu HEX #DE7101

CSS-Code:

background-image: linear-gradient(135deg, #B65D01 7%, #DE7101 93%);

HEX #B65D01 zu HEX #DE7101

CSS-Code:

background-image: radial-gradient(circle, #B65D01 11%, #DE7101 96%);

HEX #DE7101 zu HEX #DF7201

CSS-Code:

background-image: linear-gradient(135deg, #DE7101 13%, #DF7201 90%);

HEX #DE7101 zu HEX #DF7201

CSS-Code:

background-image: radial-gradient(circle, #DE7101 1%, #DF7201 88%);

HEX #DF7201 zu HEX #DE7101

CSS-Code:

background-image: linear-gradient(135deg, #DF7201 14%, #DE7101 97%);

HEX #DF7201 zu HEX #DE7101

CSS-Code:

background-image: radial-gradient(circle, #DF7201 14%, #DE7101 94%);

HEX #DE7101 zu HEX #FE860C

CSS-Code:

background-image: linear-gradient(135deg, #DE7101 13%, #FE860C 90%);

HEX #DE7101 zu HEX #FE860C

CSS-Code:

background-image: radial-gradient(circle, #DE7101 5%, #FE860C 94%);

HEX #FE860C zu HEX #DE7101

CSS-Code:

background-image: linear-gradient(135deg, #FE860C 10%, #DE7101 87%);

HEX #FE860C zu HEX #DE7101

CSS-Code:

background-image: radial-gradient(circle, #FE860C 1%, #DE7101 97%);

HEX #DE7101 zu HEX #FE9B35

CSS-Code:

background-image: linear-gradient(135deg, #DE7101 7%, #FE9B35 87%);

HEX #DE7101 zu HEX #FE9B35

CSS-Code:

background-image: radial-gradient(circle, #DE7101 2%, #FE9B35 99%);

HEX #FE9B35 zu HEX #DE7101

CSS-Code:

background-image: linear-gradient(135deg, #FE9B35 8%, #DE7101 93%);

HEX #FE9B35 zu HEX #DE7101

CSS-Code:

background-image: radial-gradient(circle, #FE9B35 13%, #DE7101 100%);

2-Farben Gradienten von #DE7101 - Analoge Farben

Linear

HEX #DE7101 zu HEX #DF3501

CSS-Code:

background-image: linear-gradient(135deg, #DE7101 3%, #DF3501 88%);

Radial

HEX #DE7101 zu HEX #DF3501

CSS-Code:

background-image: radial-gradient(circle, #DE7101 1%, #DF3501 92%);

HEX #DF3501 zu HEX #DE7101

CSS-Code:

background-image: linear-gradient(135deg, #DF3501 14%, #DE7101 100%);

HEX #DF3501 zu HEX #DE7101

CSS-Code:

background-image: radial-gradient(circle, #DF3501 13%, #DE7101 89%);

HEX #DE7101 zu HEX #DF7001

CSS-Code:

background-image: linear-gradient(135deg, #DE7101 4%, #DF7001 92%);

HEX #DE7101 zu HEX #DF7001

CSS-Code:

background-image: radial-gradient(circle, #DE7101 11%, #DF7001 86%);

HEX #DF7001 zu HEX #DE7101

CSS-Code:

background-image: linear-gradient(135deg, #DF7001 3%, #DE7101 90%);

HEX #DF7001 zu HEX #DE7101

CSS-Code:

background-image: radial-gradient(circle, #DF7001 3%, #DE7101 96%);

HEX #DE7101 zu HEX #DFAB01

CSS-Code:

background-image: linear-gradient(135deg, #DE7101 14%, #DFAB01 95%);

HEX #DE7101 zu HEX #DFAB01

CSS-Code:

background-image: radial-gradient(circle, #DE7101 13%, #DFAB01 88%);

HEX #DFAB01 zu HEX #DE7101

CSS-Code:

background-image: linear-gradient(135deg, #DFAB01 12%, #DE7101 97%);

HEX #DFAB01 zu HEX #DE7101

CSS-Code:

background-image: radial-gradient(circle, #DFAB01 2%, #DE7101 97%);

HEX #DE7101 zu HEX #D8DF01

CSS-Code:

background-image: linear-gradient(135deg, #DE7101 10%, #D8DF01 97%);

HEX #DE7101 zu HEX #D8DF01

CSS-Code:

background-image: radial-gradient(circle, #DE7101 10%, #D8DF01 88%);

HEX #D8DF01 zu HEX #DE7101

CSS-Code:

background-image: linear-gradient(135deg, #D8DF01 5%, #DE7101 87%);

HEX #D8DF01 zu HEX #DE7101

CSS-Code:

background-image: radial-gradient(circle, #D8DF01 12%, #DE7101 95%);

2-Farben Gradienten von #DE7101 - Monochromatische Farben

Linear

HEX #DE7101 zu HEX #B65D01

CSS-Code:

background-image: linear-gradient(135deg, #DE7101 4%, #B65D01 92%);

Radial

HEX #DE7101 zu HEX #B65D01

CSS-Code:

background-image: radial-gradient(circle, #DE7101 12%, #B65D01 90%);

HEX #B65D01 zu HEX #DE7101

CSS-Code:

background-image: linear-gradient(135deg, #B65D01 0%, #DE7101 100%);

HEX #B65D01 zu HEX #DE7101

CSS-Code:

background-image: radial-gradient(circle, #B65D01 14%, #DE7101 87%);

HEX #DE7101 zu HEX #DF7201

CSS-Code:

background-image: linear-gradient(135deg, #DE7101 12%, #DF7201 96%);

HEX #DE7101 zu HEX #DF7201

CSS-Code:

background-image: radial-gradient(circle, #DE7101 1%, #DF7201 92%);

HEX #DF7201 zu HEX #DE7101

CSS-Code:

background-image: linear-gradient(135deg, #DF7201 10%, #DE7101 92%);

HEX #DF7201 zu HEX #DE7101

CSS-Code:

background-image: radial-gradient(circle, #DF7201 5%, #DE7101 90%);

HEX #DE7101 zu HEX #FE860C

CSS-Code:

background-image: linear-gradient(135deg, #DE7101 6%, #FE860C 98%);

HEX #DE7101 zu HEX #FE860C

CSS-Code:

background-image: radial-gradient(circle, #DE7101 1%, #FE860C 93%);

HEX #FE860C zu HEX #DE7101

CSS-Code:

background-image: linear-gradient(135deg, #FE860C 1%, #DE7101 87%);

HEX #FE860C zu HEX #DE7101

CSS-Code:

background-image: radial-gradient(circle, #FE860C 6%, #DE7101 86%);

HEX #DE7101 zu HEX #FE9B35

CSS-Code:

background-image: linear-gradient(135deg, #DE7101 11%, #FE9B35 92%);

HEX #DE7101 zu HEX #FE9B35

CSS-Code:

background-image: radial-gradient(circle, #DE7101 3%, #FE9B35 94%);

HEX #FE9B35 zu HEX #DE7101

CSS-Code:

background-image: linear-gradient(135deg, #FE9B35 0%, #DE7101 89%);

HEX #FE9B35 zu HEX #DE7101

CSS-Code:

background-image: radial-gradient(circle, #FE9B35 8%, #DE7101 89%);

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

Linear

HEX #DE7101 zu HEX #44DF01

CSS-Code:

background-image: linear-gradient(135deg, #DE7101 5%, #44DF01 92%);

Radial

HEX #DE7101 zu HEX #44DF01

CSS-Code:

background-image: radial-gradient(circle, #DE7101 2%, #44DF01 90%);

HEX #44DF01 zu HEX #DE7101

CSS-Code:

background-image: linear-gradient(135deg, #44DF01 10%, #DE7101 94%);

HEX #44DF01 zu HEX #DE7101

CSS-Code:

background-image: radial-gradient(circle, #44DF01 14%, #DE7101 99%);

HEX #DE7101 zu HEX #1701DF

CSS-Code:

background-image: linear-gradient(135deg, #DE7101 0%, #1701DF 94%);

HEX #DE7101 zu HEX #1701DF

CSS-Code:

background-image: radial-gradient(circle, #DE7101 0%, #1701DF 94%);

HEX #1701DF zu HEX #DE7101

CSS-Code:

background-image: linear-gradient(135deg, #1701DF 6%, #DE7101 95%);

HEX #1701DF zu HEX #DE7101

CSS-Code:

background-image: radial-gradient(circle, #1701DF 13%, #DE7101 95%);

2-Farben Gradienten von #DE7101 - Triadische Farben

Linear

HEX #DE7101 zu HEX #01DF70

CSS-Code:

background-image: linear-gradient(135deg, #DE7101 7%, #01DF70 91%);

Radial

HEX #DE7101 zu HEX #01DF70

CSS-Code:

background-image: radial-gradient(circle, #DE7101 10%, #01DF70 96%);

HEX #01DF70 zu HEX #DE7101

CSS-Code:

background-image: linear-gradient(135deg, #01DF70 14%, #DE7101 96%);

HEX #01DF70 zu HEX #DE7101

CSS-Code:

background-image: radial-gradient(circle, #01DF70 10%, #DE7101 91%);

HEX #DE7101 zu HEX #7001DF

CSS-Code:

background-image: linear-gradient(135deg, #DE7101 0%, #7001DF 90%);

HEX #DE7101 zu HEX #7001DF

CSS-Code:

background-image: radial-gradient(circle, #DE7101 11%, #7001DF 93%);

HEX #7001DF zu HEX #DE7101

CSS-Code:

background-image: linear-gradient(135deg, #7001DF 13%, #DE7101 94%);

HEX #7001DF zu HEX #DE7101

CSS-Code:

background-image: radial-gradient(circle, #7001DF 8%, #DE7101 86%);

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

Linear

HEX #DE7101 zu HEX #44DF01

CSS-Code:

background-image: linear-gradient(135deg, #DE7101 10%, #44DF01 86%);

Radial

HEX #DE7101 zu HEX #44DF01

CSS-Code:

background-image: radial-gradient(circle, #DE7101 2%, #44DF01 94%);

HEX #44DF01 zu HEX #DE7101

CSS-Code:

background-image: linear-gradient(135deg, #44DF01 5%, #DE7101 99%);

HEX #44DF01 zu HEX #DE7101

CSS-Code:

background-image: radial-gradient(circle, #44DF01 14%, #DE7101 87%);

HEX #DE7101 zu HEX #0170DF

CSS-Code:

background-image: linear-gradient(135deg, #DE7101 9%, #0170DF 94%);

HEX #DE7101 zu HEX #0170DF

CSS-Code:

background-image: radial-gradient(circle, #DE7101 7%, #0170DF 88%);

HEX #0170DF zu HEX #DE7101

CSS-Code:

background-image: linear-gradient(135deg, #0170DF 6%, #DE7101 99%);

HEX #0170DF zu HEX #DE7101

CSS-Code:

background-image: radial-gradient(circle, #0170DF 10%, #DE7101 98%);

HEX #DE7101 zu HEX #9D01DF

CSS-Code:

background-image: linear-gradient(135deg, #DE7101 14%, #9D01DF 87%);

HEX #DE7101 zu HEX #9D01DF

CSS-Code:

background-image: radial-gradient(circle, #DE7101 6%, #9D01DF 87%);

HEX #9D01DF zu HEX #DE7101

CSS-Code:

background-image: linear-gradient(135deg, #9D01DF 8%, #DE7101 86%);

HEX #9D01DF zu HEX #DE7101

CSS-Code:

background-image: radial-gradient(circle, #9D01DF 7%, #DE7101 98%);

2-Farben Gradienten von #DE7101 - Quadratische Farben

Linear

HEX #DE7101 zu HEX #01DF01

CSS-Code:

background-image: linear-gradient(135deg, #DE7101 10%, #01DF01 90%);

Radial

HEX #DE7101 zu HEX #01DF01

CSS-Code:

background-image: radial-gradient(circle, #DE7101 4%, #01DF01 93%);

HEX #01DF01 zu HEX #DE7101

CSS-Code:

background-image: linear-gradient(135deg, #01DF01 6%, #DE7101 93%);

HEX #01DF01 zu HEX #DE7101

CSS-Code:

background-image: radial-gradient(circle, #01DF01 2%, #DE7101 94%);

HEX #DE7101 zu HEX #0170DF

CSS-Code:

background-image: linear-gradient(135deg, #DE7101 13%, #0170DF 100%);

HEX #DE7101 zu HEX #0170DF

CSS-Code:

background-image: radial-gradient(circle, #DE7101 0%, #0170DF 98%);

HEX #0170DF zu HEX #DE7101

CSS-Code:

background-image: linear-gradient(135deg, #0170DF 5%, #DE7101 87%);

HEX #0170DF zu HEX #DE7101

CSS-Code:

background-image: radial-gradient(circle, #0170DF 3%, #DE7101 95%);

HEX #DE7101 zu HEX #DF01DF

CSS-Code:

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

HEX #DE7101 zu HEX #DF01DF

CSS-Code:

background-image: radial-gradient(circle, #DE7101 10%, #DF01DF 90%);

HEX #DF01DF zu HEX #DE7101

CSS-Code:

background-image: linear-gradient(135deg, #DF01DF 13%, #DE7101 92%);

HEX #DF01DF zu HEX #DE7101

CSS-Code:

background-image: radial-gradient(circle, #DF01DF 2%, #DE7101 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.