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

✕

CSS Gradienten:
#DFC93A00

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. 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 223 Rot, 201 Grün und 58 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, keine Magenta, keine Gelb und keine 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 #DFC93A00 - Komplementärfarbe

Linear

HEX #DFC93A00 zu HEX #2036C500

CSS-Code:

background-image: linear-gradient(135deg, #DFC93A00 12%, #2036C500 86%);

Radial

HEX #DFC93A00 zu HEX #2036C500

CSS-Code:

background-image: radial-gradient(circle, #DFC93A00 11%, #2036C500 88%);

HEX #2036C500 zu HEX #DFC93A00

CSS-Code:

background-image: linear-gradient(135deg, #2036C500 7%, #DFC93A00 93%);

HEX #2036C500 zu HEX #DFC93A00

CSS-Code:

background-image: radial-gradient(circle, #2036C500 1%, #DFC93A00 94%);

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

Linear

HEX #DFC93A00 zu HEX #DF9D3A00

CSS-Code:

background-image: linear-gradient(135deg, #DFC93A00 5%, #DF9D3A00 96%);

Radial

HEX #DFC93A00 zu HEX #DF9D3A00

CSS-Code:

background-image: radial-gradient(circle, #DFC93A00 1%, #DF9D3A00 99%);

HEX #DF9D3A00 zu HEX #DFC93A00

CSS-Code:

background-image: linear-gradient(135deg, #DF9D3A00 4%, #DFC93A00 99%);

HEX #DF9D3A00 zu HEX #DFC93A00

CSS-Code:

background-image: radial-gradient(circle, #DF9D3A00 3%, #DFC93A00 89%);

HEX #DFC93A00 zu HEX #C9DF3A00

CSS-Code:

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

HEX #DFC93A00 zu HEX #C9DF3A00

CSS-Code:

background-image: radial-gradient(circle, #DFC93A00 13%, #C9DF3A00 89%);

HEX #C9DF3A00 zu HEX #DFC93A00

CSS-Code:

background-image: linear-gradient(135deg, #C9DF3A00 13%, #DFC93A00 91%);

HEX #C9DF3A00 zu HEX #DFC93A00

CSS-Code:

background-image: radial-gradient(circle, #C9DF3A00 12%, #DFC93A00 98%);

HEX #DFC93A00 zu HEX #9DDF3A00

CSS-Code:

background-image: linear-gradient(135deg, #DFC93A00 13%, #9DDF3A00 92%);

HEX #DFC93A00 zu HEX #9DDF3A00

CSS-Code:

background-image: radial-gradient(circle, #DFC93A00 10%, #9DDF3A00 95%);

HEX #9DDF3A00 zu HEX #DFC93A00

CSS-Code:

background-image: linear-gradient(135deg, #9DDF3A00 2%, #DFC93A00 92%);

HEX #9DDF3A00 zu HEX #DFC93A00

CSS-Code:

background-image: radial-gradient(circle, #9DDF3A00 3%, #DFC93A00 92%);

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

Linear

HEX #DFC93A00 zu HEX #CEB721

CSS-Code:

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

Radial

HEX #DFC93A00 zu HEX #CEB721

CSS-Code:

background-image: radial-gradient(circle, #DFC93A00 14%, #CEB721 94%);

HEX #CEB721 zu HEX #DFC93A00

CSS-Code:

background-image: linear-gradient(135deg, #CEB721 14%, #DFC93A00 99%);

HEX #CEB721 zu HEX #DFC93A00

CSS-Code:

background-image: radial-gradient(circle, #CEB721 0%, #DFC93A00 92%);

HEX #DFC93A00 zu HEX #DFC93A

CSS-Code:

background-image: linear-gradient(135deg, #DFC93A00 13%, #DFC93A 98%);

HEX #DFC93A00 zu HEX #DFC93A

CSS-Code:

background-image: radial-gradient(circle, #DFC93A00 12%, #DFC93A 97%);

HEX #DFC93A zu HEX #DFC93A00

CSS-Code:

background-image: linear-gradient(135deg, #DFC93A 2%, #DFC93A00 93%);

HEX #DFC93A zu HEX #DFC93A00

CSS-Code:

background-image: radial-gradient(circle, #DFC93A 9%, #DFC93A00 100%);

HEX #DFC93A00 zu HEX #E5D35D

CSS-Code:

background-image: linear-gradient(135deg, #DFC93A00 0%, #E5D35D 90%);

HEX #DFC93A00 zu HEX #E5D35D

CSS-Code:

background-image: radial-gradient(circle, #DFC93A00 12%, #E5D35D 91%);

HEX #E5D35D zu HEX #DFC93A00

CSS-Code:

background-image: linear-gradient(135deg, #E5D35D 8%, #DFC93A00 96%);

HEX #E5D35D zu HEX #DFC93A00

CSS-Code:

background-image: radial-gradient(circle, #E5D35D 2%, #DFC93A00 100%);

HEX #DFC93A00 zu HEX #EADC81

CSS-Code:

background-image: linear-gradient(135deg, #DFC93A00 3%, #EADC81 99%);

HEX #DFC93A00 zu HEX #EADC81

CSS-Code:

background-image: radial-gradient(circle, #DFC93A00 8%, #EADC81 100%);

HEX #EADC81 zu HEX #DFC93A00

CSS-Code:

background-image: linear-gradient(135deg, #EADC81 9%, #DFC93A00 93%);

HEX #EADC81 zu HEX #DFC93A00

CSS-Code:

background-image: radial-gradient(circle, #EADC81 9%, #DFC93A00 91%);

2-Farben Gradienten von #DFC93A00 - Analoge Farben

Linear

HEX #DFC93A00 zu HEX #DF9D3A00

CSS-Code:

background-image: linear-gradient(135deg, #DFC93A00 9%, #DF9D3A00 100%);

Radial

HEX #DFC93A00 zu HEX #DF9D3A00

CSS-Code:

background-image: radial-gradient(circle, #DFC93A00 12%, #DF9D3A00 97%);

HEX #DF9D3A00 zu HEX #DFC93A00

CSS-Code:

background-image: linear-gradient(135deg, #DF9D3A00 1%, #DFC93A00 86%);

HEX #DF9D3A00 zu HEX #DFC93A00

CSS-Code:

background-image: radial-gradient(circle, #DF9D3A00 7%, #DFC93A00 92%);

HEX #DFC93A00 zu HEX #C9DF3A00

CSS-Code:

background-image: linear-gradient(135deg, #DFC93A00 2%, #C9DF3A00 86%);

HEX #DFC93A00 zu HEX #C9DF3A00

CSS-Code:

background-image: radial-gradient(circle, #DFC93A00 9%, #C9DF3A00 99%);

HEX #C9DF3A00 zu HEX #DFC93A00

CSS-Code:

background-image: linear-gradient(135deg, #C9DF3A00 6%, #DFC93A00 88%);

HEX #C9DF3A00 zu HEX #DFC93A00

CSS-Code:

background-image: radial-gradient(circle, #C9DF3A00 0%, #DFC93A00 91%);

HEX #DFC93A00 zu HEX #9DDF3A00

CSS-Code:

background-image: linear-gradient(135deg, #DFC93A00 11%, #9DDF3A00 95%);

HEX #DFC93A00 zu HEX #9DDF3A00

CSS-Code:

background-image: radial-gradient(circle, #DFC93A00 3%, #9DDF3A00 94%);

HEX #9DDF3A00 zu HEX #DFC93A00

CSS-Code:

background-image: linear-gradient(135deg, #9DDF3A00 13%, #DFC93A00 98%);

HEX #9DDF3A00 zu HEX #DFC93A00

CSS-Code:

background-image: radial-gradient(circle, #9DDF3A00 2%, #DFC93A00 91%);

2-Farben Gradienten von #DFC93A00 - Monochromatische Farben

Linear

HEX #DFC93A00 zu HEX #CEB721

CSS-Code:

background-image: linear-gradient(135deg, #DFC93A00 2%, #CEB721 94%);

Radial

HEX #DFC93A00 zu HEX #CEB721

CSS-Code:

background-image: radial-gradient(circle, #DFC93A00 1%, #CEB721 98%);

HEX #CEB721 zu HEX #DFC93A00

CSS-Code:

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

HEX #CEB721 zu HEX #DFC93A00

CSS-Code:

background-image: radial-gradient(circle, #CEB721 6%, #DFC93A00 96%);

HEX #DFC93A00 zu HEX #DFC93A

CSS-Code:

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

HEX #DFC93A00 zu HEX #DFC93A

CSS-Code:

background-image: radial-gradient(circle, #DFC93A00 6%, #DFC93A 86%);

HEX #DFC93A zu HEX #DFC93A00

CSS-Code:

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

HEX #DFC93A zu HEX #DFC93A00

CSS-Code:

background-image: radial-gradient(circle, #DFC93A 6%, #DFC93A00 100%);

HEX #DFC93A00 zu HEX #E5D35D

CSS-Code:

background-image: linear-gradient(135deg, #DFC93A00 11%, #E5D35D 89%);

HEX #DFC93A00 zu HEX #E5D35D

CSS-Code:

background-image: radial-gradient(circle, #DFC93A00 12%, #E5D35D 91%);

HEX #E5D35D zu HEX #DFC93A00

CSS-Code:

background-image: linear-gradient(135deg, #E5D35D 4%, #DFC93A00 86%);

HEX #E5D35D zu HEX #DFC93A00

CSS-Code:

background-image: radial-gradient(circle, #E5D35D 3%, #DFC93A00 97%);

HEX #DFC93A00 zu HEX #EADC81

CSS-Code:

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

HEX #DFC93A00 zu HEX #EADC81

CSS-Code:

background-image: radial-gradient(circle, #DFC93A00 0%, #EADC81 94%);

HEX #EADC81 zu HEX #DFC93A00

CSS-Code:

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

HEX #EADC81 zu HEX #DFC93A00

CSS-Code:

background-image: radial-gradient(circle, #EADC81 1%, #DFC93A00 90%);

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

Linear

HEX #DFC93A00 zu HEX #3ADF45

CSS-Code:

background-image: linear-gradient(135deg, #DFC93A00 14%, #3ADF45 87%);

Radial

HEX #DFC93A00 zu HEX #3ADF45

CSS-Code:

background-image: radial-gradient(circle, #DFC93A00 2%, #3ADF45 92%);

HEX #3ADF45 zu HEX #DFC93A00

CSS-Code:

background-image: linear-gradient(135deg, #3ADF45 4%, #DFC93A00 98%);

HEX #3ADF45 zu HEX #DFC93A00

CSS-Code:

background-image: radial-gradient(circle, #3ADF45 7%, #DFC93A00 96%);

HEX #DFC93A00 zu HEX #873ADF

CSS-Code:

background-image: linear-gradient(135deg, #DFC93A00 9%, #873ADF 92%);

HEX #DFC93A00 zu HEX #873ADF

CSS-Code:

background-image: radial-gradient(circle, #DFC93A00 12%, #873ADF 88%);

HEX #873ADF zu HEX #DFC93A00

CSS-Code:

background-image: linear-gradient(135deg, #873ADF 12%, #DFC93A00 91%);

HEX #873ADF zu HEX #DFC93A00

CSS-Code:

background-image: radial-gradient(circle, #873ADF 12%, #DFC93A00 94%);

2-Farben Gradienten von #DFC93A00 - Triadische Farben

Linear

HEX #DFC93A00 zu HEX #3ADFC9

CSS-Code:

background-image: linear-gradient(135deg, #DFC93A00 6%, #3ADFC9 98%);

Radial

HEX #DFC93A00 zu HEX #3ADFC9

CSS-Code:

background-image: radial-gradient(circle, #DFC93A00 2%, #3ADFC9 87%);

HEX #3ADFC9 zu HEX #DFC93A00

CSS-Code:

background-image: linear-gradient(135deg, #3ADFC9 10%, #DFC93A00 91%);

HEX #3ADFC9 zu HEX #DFC93A00

CSS-Code:

background-image: radial-gradient(circle, #3ADFC9 2%, #DFC93A00 100%);

HEX #DFC93A00 zu HEX #C93ADF

CSS-Code:

background-image: linear-gradient(135deg, #DFC93A00 5%, #C93ADF 96%);

HEX #DFC93A00 zu HEX #C93ADF

CSS-Code:

background-image: radial-gradient(circle, #DFC93A00 11%, #C93ADF 99%);

HEX #C93ADF zu HEX #DFC93A00

CSS-Code:

background-image: linear-gradient(135deg, #C93ADF 0%, #DFC93A00 86%);

HEX #C93ADF zu HEX #DFC93A00

CSS-Code:

background-image: radial-gradient(circle, #C93ADF 6%, #DFC93A00 96%);

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

Linear

HEX #DFC93A00 zu HEX #3ADF45

CSS-Code:

background-image: linear-gradient(135deg, #DFC93A00 4%, #3ADF45 91%);

Radial

HEX #DFC93A00 zu HEX #3ADF45

CSS-Code:

background-image: radial-gradient(circle, #DFC93A00 4%, #3ADF45 94%);

HEX #3ADF45 zu HEX #DFC93A00

CSS-Code:

background-image: linear-gradient(135deg, #3ADF45 1%, #DFC93A00 88%);

HEX #3ADF45 zu HEX #DFC93A00

CSS-Code:

background-image: radial-gradient(circle, #3ADF45 6%, #DFC93A00 90%);

HEX #DFC93A00 zu HEX #3A50DF

CSS-Code:

background-image: linear-gradient(135deg, #DFC93A00 6%, #3A50DF 96%);

HEX #DFC93A00 zu HEX #3A50DF

CSS-Code:

background-image: radial-gradient(circle, #DFC93A00 12%, #3A50DF 88%);

HEX #3A50DF zu HEX #DFC93A00

CSS-Code:

background-image: linear-gradient(135deg, #3A50DF 10%, #DFC93A00 96%);

HEX #3A50DF zu HEX #DFC93A00

CSS-Code:

background-image: radial-gradient(circle, #3A50DF 5%, #DFC93A00 98%);

HEX #DFC93A00 zu HEX #DF3AD4

CSS-Code:

background-image: linear-gradient(135deg, #DFC93A00 4%, #DF3AD4 95%);

HEX #DFC93A00 zu HEX #DF3AD4

CSS-Code:

background-image: radial-gradient(circle, #DFC93A00 10%, #DF3AD4 96%);

HEX #DF3AD4 zu HEX #DFC93A00

CSS-Code:

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

HEX #DF3AD4 zu HEX #DFC93A00

CSS-Code:

background-image: radial-gradient(circle, #DF3AD4 4%, #DFC93A00 92%);

2-Farben Gradienten von #DFC93A00 - Quadratische Farben

Linear

HEX #DFC93A00 zu HEX #3ADF76

CSS-Code:

background-image: linear-gradient(135deg, #DFC93A00 9%, #3ADF76 96%);

Radial

HEX #DFC93A00 zu HEX #3ADF76

CSS-Code:

background-image: radial-gradient(circle, #DFC93A00 3%, #3ADF76 98%);

HEX #3ADF76 zu HEX #DFC93A00

CSS-Code:

background-image: linear-gradient(135deg, #3ADF76 12%, #DFC93A00 97%);

HEX #3ADF76 zu HEX #DFC93A00

CSS-Code:

background-image: radial-gradient(circle, #3ADF76 2%, #DFC93A00 87%);

HEX #DFC93A00 zu HEX #3A50DF

CSS-Code:

background-image: linear-gradient(135deg, #DFC93A00 12%, #3A50DF 94%);

HEX #DFC93A00 zu HEX #3A50DF

CSS-Code:

background-image: radial-gradient(circle, #DFC93A00 6%, #3A50DF 94%);

HEX #3A50DF zu HEX #DFC93A00

CSS-Code:

background-image: linear-gradient(135deg, #3A50DF 5%, #DFC93A00 88%);

HEX #3A50DF zu HEX #DFC93A00

CSS-Code:

background-image: radial-gradient(circle, #3A50DF 2%, #DFC93A00 91%);

HEX #DFC93A00 zu HEX #DF3AA2

CSS-Code:

background-image: linear-gradient(135deg, #DFC93A00 7%, #DF3AA2 95%);

HEX #DFC93A00 zu HEX #DF3AA2

CSS-Code:

background-image: radial-gradient(circle, #DFC93A00 3%, #DF3AA2 91%);

HEX #DF3AA2 zu HEX #DFC93A00

CSS-Code:

background-image: linear-gradient(135deg, #DF3AA2 10%, #DFC93A00 96%);

HEX #DF3AA2 zu HEX #DFC93A00

CSS-Code:

background-image: radial-gradient(circle, #DF3AA2 14%, #DFC93A00 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.