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

✕

CSS Gradienten:
#DDC0AE

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 221 Rot, 192 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 keine Cyan, 13 Magenta, 21 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 #DDC0AE - Komplementärfarbe

Linear

HEX #DDC0AE zu HEX #223F51

CSS-Code:

background-image: linear-gradient(135deg, #DDC0AE 10%, #223F51 100%);

Radial

HEX #DDC0AE zu HEX #223F51

CSS-Code:

background-image: radial-gradient(circle, #DDC0AE 1%, #223F51 86%);

HEX #223F51 zu HEX #DDC0AE

CSS-Code:

background-image: linear-gradient(135deg, #223F51 1%, #DDC0AE 98%);

HEX #223F51 zu HEX #DDC0AE

CSS-Code:

background-image: radial-gradient(circle, #223F51 13%, #DDC0AE 87%);

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

Linear

HEX #DDC0AE zu HEX #DCB1AC

CSS-Code:

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

Radial

HEX #DDC0AE zu HEX #DCB1AC

CSS-Code:

background-image: radial-gradient(circle, #DDC0AE 13%, #DCB1AC 96%);

HEX #DCB1AC zu HEX #DDC0AE

CSS-Code:

background-image: linear-gradient(135deg, #DCB1AC 0%, #DDC0AE 93%);

HEX #DCB1AC zu HEX #DDC0AE

CSS-Code:

background-image: radial-gradient(circle, #DCB1AC 4%, #DDC0AE 95%);

HEX #DDC0AE zu HEX #DCBEAC

CSS-Code:

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

HEX #DDC0AE zu HEX #DCBEAC

CSS-Code:

background-image: radial-gradient(circle, #DDC0AE 12%, #DCBEAC 93%);

HEX #DCBEAC zu HEX #DDC0AE

CSS-Code:

background-image: linear-gradient(135deg, #DCBEAC 12%, #DDC0AE 91%);

HEX #DCBEAC zu HEX #DDC0AE

CSS-Code:

background-image: radial-gradient(circle, #DCBEAC 12%, #DDC0AE 97%);

HEX #DDC0AE zu HEX #DCCBAC

CSS-Code:

background-image: linear-gradient(135deg, #DDC0AE 8%, #DCCBAC 86%);

HEX #DDC0AE zu HEX #DCCBAC

CSS-Code:

background-image: radial-gradient(circle, #DDC0AE 3%, #DCCBAC 90%);

HEX #DCCBAC zu HEX #DDC0AE

CSS-Code:

background-image: linear-gradient(135deg, #DCCBAC 12%, #DDC0AE 95%);

HEX #DCCBAC zu HEX #DDC0AE

CSS-Code:

background-image: radial-gradient(circle, #DCCBAC 1%, #DDC0AE 97%);

HEX #DDC0AE zu HEX #DCD8AC

CSS-Code:

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

HEX #DDC0AE zu HEX #DCD8AC

CSS-Code:

background-image: radial-gradient(circle, #DDC0AE 10%, #DCD8AC 90%);

HEX #DCD8AC zu HEX #DDC0AE

CSS-Code:

background-image: linear-gradient(135deg, #DCD8AC 10%, #DDC0AE 89%);

HEX #DCD8AC zu HEX #DDC0AE

CSS-Code:

background-image: radial-gradient(circle, #DCD8AC 7%, #DDC0AE 93%);

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

Linear

HEX #DDC0AE zu HEX #D0A88F

CSS-Code:

background-image: linear-gradient(135deg, #DDC0AE 11%, #D0A88F 90%);

Radial

HEX #DDC0AE zu HEX #D0A88F

CSS-Code:

background-image: radial-gradient(circle, #DDC0AE 6%, #D0A88F 95%);

HEX #D0A88F zu HEX #DDC0AE

CSS-Code:

background-image: linear-gradient(135deg, #D0A88F 5%, #DDC0AE 99%);

HEX #D0A88F zu HEX #DDC0AE

CSS-Code:

background-image: radial-gradient(circle, #D0A88F 0%, #DDC0AE 92%);

HEX #DDC0AE zu HEX #DCBFAC

CSS-Code:

background-image: linear-gradient(135deg, #DDC0AE 6%, #DCBFAC 99%);

HEX #DDC0AE zu HEX #DCBFAC

CSS-Code:

background-image: radial-gradient(circle, #DDC0AE 3%, #DCBFAC 86%);

HEX #DCBFAC zu HEX #DDC0AE

CSS-Code:

background-image: linear-gradient(135deg, #DCBFAC 7%, #DDC0AE 88%);

HEX #DCBFAC zu HEX #DDC0AE

CSS-Code:

background-image: radial-gradient(circle, #DCBFAC 10%, #DDC0AE 87%);

HEX #DDC0AE zu HEX #E9D5C9

CSS-Code:

background-image: linear-gradient(135deg, #DDC0AE 10%, #E9D5C9 88%);

HEX #DDC0AE zu HEX #E9D5C9

CSS-Code:

background-image: radial-gradient(circle, #DDC0AE 14%, #E9D5C9 90%);

HEX #E9D5C9 zu HEX #DDC0AE

CSS-Code:

background-image: linear-gradient(135deg, #E9D5C9 9%, #DDC0AE 97%);

HEX #E9D5C9 zu HEX #DDC0AE

CSS-Code:

background-image: radial-gradient(circle, #E9D5C9 8%, #DDC0AE 93%);

HEX #DDC0AE zu HEX #F5ECE6

CSS-Code:

background-image: linear-gradient(135deg, #DDC0AE 12%, #F5ECE6 89%);

HEX #DDC0AE zu HEX #F5ECE6

CSS-Code:

background-image: radial-gradient(circle, #DDC0AE 3%, #F5ECE6 87%);

HEX #F5ECE6 zu HEX #DDC0AE

CSS-Code:

background-image: linear-gradient(135deg, #F5ECE6 12%, #DDC0AE 92%);

HEX #F5ECE6 zu HEX #DDC0AE

CSS-Code:

background-image: radial-gradient(circle, #F5ECE6 7%, #DDC0AE 90%);

2-Farben Gradienten von #DDC0AE - Analoge Farben

Linear

HEX #DDC0AE zu HEX #DCB1AC

CSS-Code:

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

Radial

HEX #DDC0AE zu HEX #DCB1AC

CSS-Code:

background-image: radial-gradient(circle, #DDC0AE 2%, #DCB1AC 99%);

HEX #DCB1AC zu HEX #DDC0AE

CSS-Code:

background-image: linear-gradient(135deg, #DCB1AC 12%, #DDC0AE 87%);

HEX #DCB1AC zu HEX #DDC0AE

CSS-Code:

background-image: radial-gradient(circle, #DCB1AC 9%, #DDC0AE 98%);

HEX #DDC0AE zu HEX #DCBEAC

CSS-Code:

background-image: linear-gradient(135deg, #DDC0AE 7%, #DCBEAC 100%);

HEX #DDC0AE zu HEX #DCBEAC

CSS-Code:

background-image: radial-gradient(circle, #DDC0AE 2%, #DCBEAC 89%);

HEX #DCBEAC zu HEX #DDC0AE

CSS-Code:

background-image: linear-gradient(135deg, #DCBEAC 3%, #DDC0AE 97%);

HEX #DCBEAC zu HEX #DDC0AE

CSS-Code:

background-image: radial-gradient(circle, #DCBEAC 11%, #DDC0AE 94%);

HEX #DDC0AE zu HEX #DCCBAC

CSS-Code:

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

HEX #DDC0AE zu HEX #DCCBAC

CSS-Code:

background-image: radial-gradient(circle, #DDC0AE 5%, #DCCBAC 96%);

HEX #DCCBAC zu HEX #DDC0AE

CSS-Code:

background-image: linear-gradient(135deg, #DCCBAC 2%, #DDC0AE 92%);

HEX #DCCBAC zu HEX #DDC0AE

CSS-Code:

background-image: radial-gradient(circle, #DCCBAC 13%, #DDC0AE 90%);

HEX #DDC0AE zu HEX #DCD8AC

CSS-Code:

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

HEX #DDC0AE zu HEX #DCD8AC

CSS-Code:

background-image: radial-gradient(circle, #DDC0AE 11%, #DCD8AC 95%);

HEX #DCD8AC zu HEX #DDC0AE

CSS-Code:

background-image: linear-gradient(135deg, #DCD8AC 6%, #DDC0AE 100%);

HEX #DCD8AC zu HEX #DDC0AE

CSS-Code:

background-image: radial-gradient(circle, #DCD8AC 0%, #DDC0AE 95%);

2-Farben Gradienten von #DDC0AE - Monochromatische Farben

Linear

HEX #DDC0AE zu HEX #D0A88F

CSS-Code:

background-image: linear-gradient(135deg, #DDC0AE 5%, #D0A88F 98%);

Radial

HEX #DDC0AE zu HEX #D0A88F

CSS-Code:

background-image: radial-gradient(circle, #DDC0AE 13%, #D0A88F 97%);

HEX #D0A88F zu HEX #DDC0AE

CSS-Code:

background-image: linear-gradient(135deg, #D0A88F 5%, #DDC0AE 92%);

HEX #D0A88F zu HEX #DDC0AE

CSS-Code:

background-image: radial-gradient(circle, #D0A88F 9%, #DDC0AE 100%);

HEX #DDC0AE zu HEX #DCBFAC

CSS-Code:

background-image: linear-gradient(135deg, #DDC0AE 2%, #DCBFAC 87%);

HEX #DDC0AE zu HEX #DCBFAC

CSS-Code:

background-image: radial-gradient(circle, #DDC0AE 13%, #DCBFAC 98%);

HEX #DCBFAC zu HEX #DDC0AE

CSS-Code:

background-image: linear-gradient(135deg, #DCBFAC 12%, #DDC0AE 86%);

HEX #DCBFAC zu HEX #DDC0AE

CSS-Code:

background-image: radial-gradient(circle, #DCBFAC 0%, #DDC0AE 86%);

HEX #DDC0AE zu HEX #E9D5C9

CSS-Code:

background-image: linear-gradient(135deg, #DDC0AE 14%, #E9D5C9 96%);

HEX #DDC0AE zu HEX #E9D5C9

CSS-Code:

background-image: radial-gradient(circle, #DDC0AE 2%, #E9D5C9 93%);

HEX #E9D5C9 zu HEX #DDC0AE

CSS-Code:

background-image: linear-gradient(135deg, #E9D5C9 13%, #DDC0AE 95%);

HEX #E9D5C9 zu HEX #DDC0AE

CSS-Code:

background-image: radial-gradient(circle, #E9D5C9 7%, #DDC0AE 90%);

HEX #DDC0AE zu HEX #F5ECE6

CSS-Code:

background-image: linear-gradient(135deg, #DDC0AE 6%, #F5ECE6 95%);

HEX #DDC0AE zu HEX #F5ECE6

CSS-Code:

background-image: radial-gradient(circle, #DDC0AE 13%, #F5ECE6 86%);

HEX #F5ECE6 zu HEX #DDC0AE

CSS-Code:

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

HEX #F5ECE6 zu HEX #DDC0AE

CSS-Code:

background-image: radial-gradient(circle, #F5ECE6 5%, #DDC0AE 90%);

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

Linear

HEX #DDC0AE zu HEX #C1DCAC

CSS-Code:

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

Radial

HEX #DDC0AE zu HEX #C1DCAC

CSS-Code:

background-image: radial-gradient(circle, #DDC0AE 12%, #C1DCAC 98%);

HEX #C1DCAC zu HEX #DDC0AE

CSS-Code:

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

HEX #C1DCAC zu HEX #DDC0AE

CSS-Code:

background-image: radial-gradient(circle, #C1DCAC 11%, #DDC0AE 91%);

HEX #DDC0AE zu HEX #ACAEDC

CSS-Code:

background-image: linear-gradient(135deg, #DDC0AE 1%, #ACAEDC 98%);

HEX #DDC0AE zu HEX #ACAEDC

CSS-Code:

background-image: radial-gradient(circle, #DDC0AE 8%, #ACAEDC 93%);

HEX #ACAEDC zu HEX #DDC0AE

CSS-Code:

background-image: linear-gradient(135deg, #ACAEDC 12%, #DDC0AE 95%);

HEX #ACAEDC zu HEX #DDC0AE

CSS-Code:

background-image: radial-gradient(circle, #ACAEDC 0%, #DDC0AE 88%);

2-Farben Gradienten von #DDC0AE - Triadische Farben

Linear

HEX #DDC0AE zu HEX #ACDCBE

CSS-Code:

background-image: linear-gradient(135deg, #DDC0AE 10%, #ACDCBE 89%);

Radial

HEX #DDC0AE zu HEX #ACDCBE

CSS-Code:

background-image: radial-gradient(circle, #DDC0AE 7%, #ACDCBE 88%);

HEX #ACDCBE zu HEX #DDC0AE

CSS-Code:

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

HEX #ACDCBE zu HEX #DDC0AE

CSS-Code:

background-image: radial-gradient(circle, #ACDCBE 13%, #DDC0AE 98%);

HEX #DDC0AE zu HEX #BEACDC

CSS-Code:

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

HEX #DDC0AE zu HEX #BEACDC

CSS-Code:

background-image: radial-gradient(circle, #DDC0AE 2%, #BEACDC 96%);

HEX #BEACDC zu HEX #DDC0AE

CSS-Code:

background-image: linear-gradient(135deg, #BEACDC 12%, #DDC0AE 100%);

HEX #BEACDC zu HEX #DDC0AE

CSS-Code:

background-image: radial-gradient(circle, #BEACDC 8%, #DDC0AE 98%);

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

Linear

HEX #DDC0AE zu HEX #C1DCAC

CSS-Code:

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

Radial

HEX #DDC0AE zu HEX #C1DCAC

CSS-Code:

background-image: radial-gradient(circle, #DDC0AE 13%, #C1DCAC 100%);

HEX #C1DCAC zu HEX #DDC0AE

CSS-Code:

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

HEX #C1DCAC zu HEX #DDC0AE

CSS-Code:

background-image: radial-gradient(circle, #C1DCAC 11%, #DDC0AE 96%);

HEX #DDC0AE zu HEX #ACCBDC

CSS-Code:

background-image: linear-gradient(135deg, #DDC0AE 13%, #ACCBDC 89%);

HEX #DDC0AE zu HEX #ACCBDC

CSS-Code:

background-image: radial-gradient(circle, #DDC0AE 2%, #ACCBDC 99%);

HEX #ACCBDC zu HEX #DDC0AE

CSS-Code:

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

HEX #ACCBDC zu HEX #DDC0AE

CSS-Code:

background-image: radial-gradient(circle, #ACCBDC 3%, #DDC0AE 100%);

HEX #DDC0AE zu HEX #C8ACDC

CSS-Code:

background-image: linear-gradient(135deg, #DDC0AE 3%, #C8ACDC 98%);

HEX #DDC0AE zu HEX #C8ACDC

CSS-Code:

background-image: radial-gradient(circle, #DDC0AE 0%, #C8ACDC 99%);

HEX #C8ACDC zu HEX #DDC0AE

CSS-Code:

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

HEX #C8ACDC zu HEX #DDC0AE

CSS-Code:

background-image: radial-gradient(circle, #C8ACDC 7%, #DDC0AE 92%);

2-Farben Gradienten von #DDC0AE - Quadratische Farben

Linear

HEX #DDC0AE zu HEX #B3DCAC

CSS-Code:

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

Radial

HEX #DDC0AE zu HEX #B3DCAC

CSS-Code:

background-image: radial-gradient(circle, #DDC0AE 11%, #B3DCAC 96%);

HEX #B3DCAC zu HEX #DDC0AE

CSS-Code:

background-image: linear-gradient(135deg, #B3DCAC 9%, #DDC0AE 94%);

HEX #B3DCAC zu HEX #DDC0AE

CSS-Code:

background-image: radial-gradient(circle, #B3DCAC 9%, #DDC0AE 99%);

HEX #DDC0AE zu HEX #ACCBDC

CSS-Code:

background-image: linear-gradient(135deg, #DDC0AE 10%, #ACCBDC 100%);

HEX #DDC0AE zu HEX #ACCBDC

CSS-Code:

background-image: radial-gradient(circle, #DDC0AE 12%, #ACCBDC 92%);

HEX #ACCBDC zu HEX #DDC0AE

CSS-Code:

background-image: linear-gradient(135deg, #ACCBDC 1%, #DDC0AE 89%);

HEX #ACCBDC zu HEX #DDC0AE

CSS-Code:

background-image: radial-gradient(circle, #ACCBDC 5%, #DDC0AE 93%);

HEX #DDC0AE zu HEX #D6ACDC

CSS-Code:

background-image: linear-gradient(135deg, #DDC0AE 14%, #D6ACDC 96%);

HEX #DDC0AE zu HEX #D6ACDC

CSS-Code:

background-image: radial-gradient(circle, #DDC0AE 9%, #D6ACDC 99%);

HEX #D6ACDC zu HEX #DDC0AE

CSS-Code:

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

HEX #D6ACDC zu HEX #DDC0AE

CSS-Code:

background-image: radial-gradient(circle, #D6ACDC 10%, #DDC0AE 88%);

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.