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

CSS Gradienten:
#FDDBC14C

Information

schließe alle

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.

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.

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 253 Rot, 219 Grün und 193 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.
253 219 193 R G B
Im CMYK-Farbsystem wird die Farbe folgendermaßen zusammengesetzt: In diesem Farbton sind von 100 maximalen Farbanteilen jeweils keine Cyan, 4 Magenta, 7 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.
0% 4% 7% 0% C M Y K

Verifizierung Ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #FDDBC14C zu HEX #02243E4C


CSS-Code:

background-image: linear-gradient(135deg, #FDDBC14C 10%, #02243E4C 88%);

Radial

HEX #FDDBC14C zu HEX #02243E4C


CSS-Code:

background-image: radial-gradient(circle, #FDDBC14C 4%, #02243E4C 95%);

 

HEX #02243E4C zu HEX #FDDBC14C


CSS-Code:

background-image: linear-gradient(135deg, #02243E4C 12%, #FDDBC14C 96%);

 

HEX #02243E4C zu HEX #FDDBC14C


CSS-Code:

background-image: radial-gradient(circle, #02243E4C 8%, #FDDBC14C 95%);

Linear

HEX #FDDBC14C zu HEX #FDC9BF4C


CSS-Code:

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

Radial

HEX #FDDBC14C zu HEX #FDC9BF4C


CSS-Code:

background-image: radial-gradient(circle, #FDDBC14C 2%, #FDC9BF4C 90%);

 

HEX #FDC9BF4C zu HEX #FDDBC14C


CSS-Code:

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

 

HEX #FDC9BF4C zu HEX #FDDBC14C


CSS-Code:

background-image: radial-gradient(circle, #FDC9BF4C 6%, #FDDBC14C 93%);

 

HEX #FDDBC14C zu HEX #FDDABF4C


CSS-Code:

background-image: linear-gradient(135deg, #FDDBC14C 6%, #FDDABF4C 87%);

 

HEX #FDDBC14C zu HEX #FDDABF4C


CSS-Code:

background-image: radial-gradient(circle, #FDDBC14C 12%, #FDDABF4C 98%);

 

HEX #FDDABF4C zu HEX #FDDBC14C


CSS-Code:

background-image: linear-gradient(135deg, #FDDABF4C 11%, #FDDBC14C 100%);

 

HEX #FDDABF4C zu HEX #FDDBC14C


CSS-Code:

background-image: radial-gradient(circle, #FDDABF4C 4%, #FDDBC14C 92%);

 

HEX #FDDBC14C zu HEX #FDEABF4C


CSS-Code:

background-image: linear-gradient(135deg, #FDDBC14C 12%, #FDEABF4C 98%);

 

HEX #FDDBC14C zu HEX #FDEABF4C


CSS-Code:

background-image: radial-gradient(circle, #FDDBC14C 1%, #FDEABF4C 87%);

 

HEX #FDEABF4C zu HEX #FDDBC14C


CSS-Code:

background-image: linear-gradient(135deg, #FDEABF4C 11%, #FDDBC14C 91%);

 

HEX #FDEABF4C zu HEX #FDDBC14C


CSS-Code:

background-image: radial-gradient(circle, #FDEABF4C 8%, #FDDBC14C 97%);

 

HEX #FDDBC14C zu HEX #FDFBBF4C


CSS-Code:

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

 

HEX #FDDBC14C zu HEX #FDFBBF4C


CSS-Code:

background-image: radial-gradient(circle, #FDDBC14C 12%, #FDFBBF4C 100%);

 

HEX #FDFBBF4C zu HEX #FDDBC14C


CSS-Code:

background-image: linear-gradient(135deg, #FDFBBF4C 8%, #FDDBC14C 87%);

 

HEX #FDFBBF4C zu HEX #FDDBC14C


CSS-Code:

background-image: radial-gradient(circle, #FDFBBF4C 3%, #FDDBC14C 88%);

Linear

HEX #FDDBC14C zu HEX #FCC297


CSS-Code:

background-image: linear-gradient(135deg, #FDDBC14C 13%, #FCC297 93%);

Radial

HEX #FDDBC14C zu HEX #FCC297


CSS-Code:

background-image: radial-gradient(circle, #FDDBC14C 12%, #FCC297 90%);

 

HEX #FCC297 zu HEX #FDDBC14C


CSS-Code:

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

 

HEX #FCC297 zu HEX #FDDBC14C


CSS-Code:

background-image: radial-gradient(circle, #FCC297 14%, #FDDBC14C 90%);

 

HEX #FDDBC14C zu HEX #FDDABF


CSS-Code:

background-image: linear-gradient(135deg, #FDDBC14C 8%, #FDDABF 92%);

 

HEX #FDDBC14C zu HEX #FDDABF


CSS-Code:

background-image: radial-gradient(circle, #FDDBC14C 3%, #FDDABF 95%);

 

HEX #FDDABF zu HEX #FDDBC14C


CSS-Code:

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

 

HEX #FDDABF zu HEX #FDDBC14C


CSS-Code:

background-image: radial-gradient(circle, #FDDABF 8%, #FDDBC14C 97%);

 

HEX #FDDBC14C zu HEX #FEF1E7


CSS-Code:

background-image: linear-gradient(135deg, #FDDBC14C 10%, #FEF1E7 98%);

 

HEX #FDDBC14C zu HEX #FEF1E7


CSS-Code:

background-image: radial-gradient(circle, #FDDBC14C 4%, #FEF1E7 97%);

 

HEX #FEF1E7 zu HEX #FDDBC14C


CSS-Code:

background-image: linear-gradient(135deg, #FEF1E7 4%, #FDDBC14C 87%);

 

HEX #FEF1E7 zu HEX #FDDBC14C


CSS-Code:

background-image: radial-gradient(circle, #FEF1E7 4%, #FDDBC14C 92%);

 

HEX #FDDBC14C zu HEX #FFFFFF


CSS-Code:

background-image: linear-gradient(135deg, #FDDBC14C 11%, #FFFFFF 95%);

 

HEX #FDDBC14C zu HEX #FFFFFF


CSS-Code:

background-image: radial-gradient(circle, #FDDBC14C 1%, #FFFFFF 94%);

 

HEX #FFFFFF zu HEX #FDDBC14C


CSS-Code:

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

 

HEX #FFFFFF zu HEX #FDDBC14C


CSS-Code:

background-image: radial-gradient(circle, #FFFFFF 2%, #FDDBC14C 87%);

Linear

HEX #FDDBC14C zu HEX #FDC9BF4C


CSS-Code:

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

Radial

HEX #FDDBC14C zu HEX #FDC9BF4C


CSS-Code:

background-image: radial-gradient(circle, #FDDBC14C 14%, #FDC9BF4C 94%);

 

HEX #FDC9BF4C zu HEX #FDDBC14C


CSS-Code:

background-image: linear-gradient(135deg, #FDC9BF4C 13%, #FDDBC14C 99%);

 

HEX #FDC9BF4C zu HEX #FDDBC14C


CSS-Code:

background-image: radial-gradient(circle, #FDC9BF4C 7%, #FDDBC14C 100%);

 

HEX #FDDBC14C zu HEX #FDDABF4C


CSS-Code:

background-image: linear-gradient(135deg, #FDDBC14C 10%, #FDDABF4C 95%);

 

HEX #FDDBC14C zu HEX #FDDABF4C


CSS-Code:

background-image: radial-gradient(circle, #FDDBC14C 3%, #FDDABF4C 92%);

 

HEX #FDDABF4C zu HEX #FDDBC14C


CSS-Code:

background-image: linear-gradient(135deg, #FDDABF4C 5%, #FDDBC14C 95%);

 

HEX #FDDABF4C zu HEX #FDDBC14C


CSS-Code:

background-image: radial-gradient(circle, #FDDABF4C 9%, #FDDBC14C 88%);

 

HEX #FDDBC14C zu HEX #FDEABF4C


CSS-Code:

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

 

HEX #FDDBC14C zu HEX #FDEABF4C


CSS-Code:

background-image: radial-gradient(circle, #FDDBC14C 14%, #FDEABF4C 99%);

 

HEX #FDEABF4C zu HEX #FDDBC14C


CSS-Code:

background-image: linear-gradient(135deg, #FDEABF4C 10%, #FDDBC14C 95%);

 

HEX #FDEABF4C zu HEX #FDDBC14C


CSS-Code:

background-image: radial-gradient(circle, #FDEABF4C 3%, #FDDBC14C 93%);

 

HEX #FDDBC14C zu HEX #FDFBBF4C


CSS-Code:

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

 

HEX #FDDBC14C zu HEX #FDFBBF4C


CSS-Code:

background-image: radial-gradient(circle, #FDDBC14C 3%, #FDFBBF4C 88%);

 

HEX #FDFBBF4C zu HEX #FDDBC14C


CSS-Code:

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

 

HEX #FDFBBF4C zu HEX #FDDBC14C


CSS-Code:

background-image: radial-gradient(circle, #FDFBBF4C 10%, #FDDBC14C 92%);

Linear

HEX #FDDBC14C zu HEX #FCC297


CSS-Code:

background-image: linear-gradient(135deg, #FDDBC14C 10%, #FCC297 90%);

Radial

HEX #FDDBC14C zu HEX #FCC297


CSS-Code:

background-image: radial-gradient(circle, #FDDBC14C 6%, #FCC297 86%);

 

HEX #FCC297 zu HEX #FDDBC14C


CSS-Code:

background-image: linear-gradient(135deg, #FCC297 12%, #FDDBC14C 99%);

 

HEX #FCC297 zu HEX #FDDBC14C


CSS-Code:

background-image: radial-gradient(circle, #FCC297 2%, #FDDBC14C 88%);

 

HEX #FDDBC14C zu HEX #FDDABF


CSS-Code:

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

 

HEX #FDDBC14C zu HEX #FDDABF


CSS-Code:

background-image: radial-gradient(circle, #FDDBC14C 0%, #FDDABF 89%);

 

HEX #FDDABF zu HEX #FDDBC14C


CSS-Code:

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

 

HEX #FDDABF zu HEX #FDDBC14C


CSS-Code:

background-image: radial-gradient(circle, #FDDABF 10%, #FDDBC14C 100%);

 

HEX #FDDBC14C zu HEX #FEF1E7


CSS-Code:

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

 

HEX #FDDBC14C zu HEX #FEF1E7


CSS-Code:

background-image: radial-gradient(circle, #FDDBC14C 3%, #FEF1E7 87%);

 

HEX #FEF1E7 zu HEX #FDDBC14C


CSS-Code:

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

 

HEX #FEF1E7 zu HEX #FDDBC14C


CSS-Code:

background-image: radial-gradient(circle, #FEF1E7 2%, #FDDBC14C 86%);

 

HEX #FDDBC14C zu HEX #FFFFFF


CSS-Code:

background-image: linear-gradient(135deg, #FDDBC14C 2%, #FFFFFF 99%);

 

HEX #FDDBC14C zu HEX #FFFFFF


CSS-Code:

background-image: radial-gradient(circle, #FDDBC14C 8%, #FFFFFF 93%);

 

HEX #FFFFFF zu HEX #FDDBC14C


CSS-Code:

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

 

HEX #FFFFFF zu HEX #FDDBC14C


CSS-Code:

background-image: radial-gradient(circle, #FFFFFF 8%, #FDDBC14C 89%);

Linear

HEX #FDDBC14C zu HEX #D6FDBF


CSS-Code:

background-image: linear-gradient(135deg, #FDDBC14C 9%, #D6FDBF 86%);

Radial

HEX #FDDBC14C zu HEX #D6FDBF


CSS-Code:

background-image: radial-gradient(circle, #FDDBC14C 7%, #D6FDBF 98%);

 

HEX #D6FDBF zu HEX #FDDBC14C


CSS-Code:

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

 

HEX #D6FDBF zu HEX #FDDBC14C


CSS-Code:

background-image: radial-gradient(circle, #D6FDBF 8%, #FDDBC14C 89%);

 

HEX #FDDBC14C zu HEX #C1BFFD


CSS-Code:

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

 

HEX #FDDBC14C zu HEX #C1BFFD


CSS-Code:

background-image: radial-gradient(circle, #FDDBC14C 1%, #C1BFFD 93%);

 

HEX #C1BFFD zu HEX #FDDBC14C


CSS-Code:

background-image: linear-gradient(135deg, #C1BFFD 6%, #FDDBC14C 96%);

 

HEX #C1BFFD zu HEX #FDDBC14C


CSS-Code:

background-image: radial-gradient(circle, #C1BFFD 13%, #FDDBC14C 86%);

Linear

HEX #FDDBC14C zu HEX #BFFDDA


CSS-Code:

background-image: linear-gradient(135deg, #FDDBC14C 9%, #BFFDDA 99%);

Radial

HEX #FDDBC14C zu HEX #BFFDDA


CSS-Code:

background-image: radial-gradient(circle, #FDDBC14C 12%, #BFFDDA 89%);

 

HEX #BFFDDA zu HEX #FDDBC14C


CSS-Code:

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

 

HEX #BFFDDA zu HEX #FDDBC14C


CSS-Code:

background-image: radial-gradient(circle, #BFFDDA 3%, #FDDBC14C 90%);

 

HEX #FDDBC14C zu HEX #DABFFD


CSS-Code:

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

 

HEX #FDDBC14C zu HEX #DABFFD


CSS-Code:

background-image: radial-gradient(circle, #FDDBC14C 2%, #DABFFD 95%);

 

HEX #DABFFD zu HEX #FDDBC14C


CSS-Code:

background-image: linear-gradient(135deg, #DABFFD 6%, #FDDBC14C 89%);

 

HEX #DABFFD zu HEX #FDDBC14C


CSS-Code:

background-image: radial-gradient(circle, #DABFFD 5%, #FDDBC14C 94%);

Linear

HEX #FDDBC14C zu HEX #D6FDBF


CSS-Code:

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

Radial

HEX #FDDBC14C zu HEX #D6FDBF


CSS-Code:

background-image: radial-gradient(circle, #FDDBC14C 10%, #D6FDBF 97%);

 

HEX #D6FDBF zu HEX #FDDBC14C


CSS-Code:

background-image: linear-gradient(135deg, #D6FDBF 14%, #FDDBC14C 87%);

 

HEX #D6FDBF zu HEX #FDDBC14C


CSS-Code:

background-image: radial-gradient(circle, #D6FDBF 0%, #FDDBC14C 100%);

 

HEX #FDDBC14C zu HEX #BFE2FD


CSS-Code:

background-image: linear-gradient(135deg, #FDDBC14C 3%, #BFE2FD 95%);

 

HEX #FDDBC14C zu HEX #BFE2FD


CSS-Code:

background-image: radial-gradient(circle, #FDDBC14C 8%, #BFE2FD 86%);

 

HEX #BFE2FD zu HEX #FDDBC14C


CSS-Code:

background-image: linear-gradient(135deg, #BFE2FD 6%, #FDDBC14C 86%);

 

HEX #BFE2FD zu HEX #FDDBC14C


CSS-Code:

background-image: radial-gradient(circle, #BFE2FD 13%, #FDDBC14C 92%);

 

HEX #FDDBC14C zu HEX #E6BFFD


CSS-Code:

background-image: linear-gradient(135deg, #FDDBC14C 12%, #E6BFFD 99%);

 

HEX #FDDBC14C zu HEX #E6BFFD


CSS-Code:

background-image: radial-gradient(circle, #FDDBC14C 11%, #E6BFFD 88%);

 

HEX #E6BFFD zu HEX #FDDBC14C


CSS-Code:

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

 

HEX #E6BFFD zu HEX #FDDBC14C


CSS-Code:

background-image: radial-gradient(circle, #E6BFFD 14%, #FDDBC14C 100%);

Linear

HEX #FDDBC14C zu HEX #C3FDBF


CSS-Code:

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

Radial

HEX #FDDBC14C zu HEX #C3FDBF


CSS-Code:

background-image: radial-gradient(circle, #FDDBC14C 7%, #C3FDBF 86%);

 

HEX #C3FDBF zu HEX #FDDBC14C


CSS-Code:

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

 

HEX #C3FDBF zu HEX #FDDBC14C


CSS-Code:

background-image: radial-gradient(circle, #C3FDBF 2%, #FDDBC14C 97%);

 

HEX #FDDBC14C zu HEX #BFE2FD


CSS-Code:

background-image: linear-gradient(135deg, #FDDBC14C 4%, #BFE2FD 94%);

 

HEX #FDDBC14C zu HEX #BFE2FD


CSS-Code:

background-image: radial-gradient(circle, #FDDBC14C 13%, #BFE2FD 95%);

 

HEX #BFE2FD zu HEX #FDDBC14C


CSS-Code:

background-image: linear-gradient(135deg, #BFE2FD 3%, #FDDBC14C 92%);

 

HEX #BFE2FD zu HEX #FDDBC14C


CSS-Code:

background-image: radial-gradient(circle, #BFE2FD 4%, #FDDBC14C 95%);

 

HEX #FDDBC14C zu HEX #F9BFFD


CSS-Code:

background-image: linear-gradient(135deg, #FDDBC14C 3%, #F9BFFD 92%);

 

HEX #FDDBC14C zu HEX #F9BFFD


CSS-Code:

background-image: radial-gradient(circle, #FDDBC14C 4%, #F9BFFD 100%);

 

HEX #F9BFFD zu HEX #FDDBC14C


CSS-Code:

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

 

HEX #F9BFFD zu HEX #FDDBC14C


CSS-Code:

background-image: radial-gradient(circle, #F9BFFD 12%, #FDDBC14C 97%);

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

Icons

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)

nsc-logo

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

Icons

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)

nsc-logo

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)

nsc-logo

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

Icons

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)

nsc-logo

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

Icons

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)

nsc-logo

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

Icons

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)

nsc-logo

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

Icons

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)

nsc-logo

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

Icons

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)

nsc-logo

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

Icons

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.

Abbrechen Teilen

Farbpalette geteilt
Bitte kopieren und speichern Sie den gewünschten Link.

Teilen

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
Schließen

Erstellen Sie eine Farbpalette

HerunterladenHerunterladen in verschiedenen Formaten

Alle Entfernen

Durch Klicken auf können Sie Paletten erstellen und die Farbfelder herunterladen.