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

CSS Gradienten:
#576CFCCE

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

Blau dominiert deutlich: Der Blauwert übertrifft die anderen. 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 87 Rot, 108 Grün und 252 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.
87 108 252 R G B
Im CMYK-Farbsystem wird die Farbe folgendermaßen zusammengesetzt: In diesem Farbton sind von 100 maximalen Farbanteilen jeweils 53 Cyan, 46 Magenta, keine Gelb und 1 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.
53% 46% 0% 1% C M Y K

Verifizierung Ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #576CFCCE zu HEX #A89303CE


CSS-Code:

background-image: linear-gradient(135deg, #576CFCCE 1%, #A89303CE 99%);

Radial

HEX #576CFCCE zu HEX #A89303CE


CSS-Code:

background-image: radial-gradient(circle, #576CFCCE 7%, #A89303CE 91%);

 

HEX #A89303CE zu HEX #576CFCCE


CSS-Code:

background-image: linear-gradient(135deg, #A89303CE 0%, #576CFCCE 94%);

 

HEX #A89303CE zu HEX #576CFCCE


CSS-Code:

background-image: radial-gradient(circle, #A89303CE 3%, #576CFCCE 95%);

Linear

HEX #576CFCCE zu HEX #5598FCCE


CSS-Code:

background-image: linear-gradient(135deg, #576CFCCE 7%, #5598FCCE 90%);

Radial

HEX #576CFCCE zu HEX #5598FCCE


CSS-Code:

background-image: radial-gradient(circle, #576CFCCE 13%, #5598FCCE 100%);

 

HEX #5598FCCE zu HEX #576CFCCE


CSS-Code:

background-image: linear-gradient(135deg, #5598FCCE 12%, #576CFCCE 86%);

 

HEX #5598FCCE zu HEX #576CFCCE


CSS-Code:

background-image: radial-gradient(circle, #5598FCCE 13%, #576CFCCE 98%);

 

HEX #576CFCCE zu HEX #556BFCCE


CSS-Code:

background-image: linear-gradient(135deg, #576CFCCE 7%, #556BFCCE 100%);

 

HEX #576CFCCE zu HEX #556BFCCE


CSS-Code:

background-image: radial-gradient(circle, #576CFCCE 1%, #556BFCCE 99%);

 

HEX #556BFCCE zu HEX #576CFCCE


CSS-Code:

background-image: linear-gradient(135deg, #556BFCCE 9%, #576CFCCE 94%);

 

HEX #556BFCCE zu HEX #576CFCCE


CSS-Code:

background-image: radial-gradient(circle, #556BFCCE 2%, #576CFCCE 86%);

 

HEX #576CFCCE zu HEX #6B55FCCE


CSS-Code:

background-image: linear-gradient(135deg, #576CFCCE 13%, #6B55FCCE 98%);

 

HEX #576CFCCE zu HEX #6B55FCCE


CSS-Code:

background-image: radial-gradient(circle, #576CFCCE 2%, #6B55FCCE 96%);

 

HEX #6B55FCCE zu HEX #576CFCCE


CSS-Code:

background-image: linear-gradient(135deg, #6B55FCCE 0%, #576CFCCE 97%);

 

HEX #6B55FCCE zu HEX #576CFCCE


CSS-Code:

background-image: radial-gradient(circle, #6B55FCCE 0%, #576CFCCE 91%);

 

HEX #576CFCCE zu HEX #9855FCCE


CSS-Code:

background-image: linear-gradient(135deg, #576CFCCE 13%, #9855FCCE 93%);

 

HEX #576CFCCE zu HEX #9855FCCE


CSS-Code:

background-image: radial-gradient(circle, #576CFCCE 1%, #9855FCCE 91%);

 

HEX #9855FCCE zu HEX #576CFCCE


CSS-Code:

background-image: linear-gradient(135deg, #9855FCCE 12%, #576CFCCE 91%);

 

HEX #9855FCCE zu HEX #576CFCCE


CSS-Code:

background-image: radial-gradient(circle, #9855FCCE 2%, #576CFCCE 96%);

Linear

HEX #576CFCCE zu HEX #2D47FB


CSS-Code:

background-image: linear-gradient(135deg, #576CFCCE 10%, #2D47FB 87%);

Radial

HEX #576CFCCE zu HEX #2D47FB


CSS-Code:

background-image: radial-gradient(circle, #576CFCCE 14%, #2D47FB 91%);

 

HEX #2D47FB zu HEX #576CFCCE


CSS-Code:

background-image: linear-gradient(135deg, #2D47FB 8%, #576CFCCE 100%);

 

HEX #2D47FB zu HEX #576CFCCE


CSS-Code:

background-image: radial-gradient(circle, #2D47FB 14%, #576CFCCE 87%);

 

HEX #576CFCCE zu HEX #556AFC


CSS-Code:

background-image: linear-gradient(135deg, #576CFCCE 10%, #556AFC 87%);

 

HEX #576CFCCE zu HEX #556AFC


CSS-Code:

background-image: radial-gradient(circle, #576CFCCE 3%, #556AFC 89%);

 

HEX #556AFC zu HEX #576CFCCE


CSS-Code:

background-image: linear-gradient(135deg, #556AFC 4%, #576CFCCE 94%);

 

HEX #556AFC zu HEX #576CFCCE


CSS-Code:

background-image: radial-gradient(circle, #556AFC 7%, #576CFCCE 90%);

 

HEX #576CFCCE zu HEX #7E8EFC


CSS-Code:

background-image: linear-gradient(135deg, #576CFCCE 5%, #7E8EFC 93%);

 

HEX #576CFCCE zu HEX #7E8EFC


CSS-Code:

background-image: radial-gradient(circle, #576CFCCE 1%, #7E8EFC 95%);

 

HEX #7E8EFC zu HEX #576CFCCE


CSS-Code:

background-image: linear-gradient(135deg, #7E8EFC 10%, #576CFCCE 95%);

 

HEX #7E8EFC zu HEX #576CFCCE


CSS-Code:

background-image: radial-gradient(circle, #7E8EFC 5%, #576CFCCE 96%);

 

HEX #576CFCCE zu HEX #A6B1FD


CSS-Code:

background-image: linear-gradient(135deg, #576CFCCE 2%, #A6B1FD 87%);

 

HEX #576CFCCE zu HEX #A6B1FD


CSS-Code:

background-image: radial-gradient(circle, #576CFCCE 12%, #A6B1FD 95%);

 

HEX #A6B1FD zu HEX #576CFCCE


CSS-Code:

background-image: linear-gradient(135deg, #A6B1FD 13%, #576CFCCE 90%);

 

HEX #A6B1FD zu HEX #576CFCCE


CSS-Code:

background-image: radial-gradient(circle, #A6B1FD 8%, #576CFCCE 88%);

Linear

HEX #576CFCCE zu HEX #5598FCCE


CSS-Code:

background-image: linear-gradient(135deg, #576CFCCE 8%, #5598FCCE 98%);

Radial

HEX #576CFCCE zu HEX #5598FCCE


CSS-Code:

background-image: radial-gradient(circle, #576CFCCE 0%, #5598FCCE 100%);

 

HEX #5598FCCE zu HEX #576CFCCE


CSS-Code:

background-image: linear-gradient(135deg, #5598FCCE 5%, #576CFCCE 99%);

 

HEX #5598FCCE zu HEX #576CFCCE


CSS-Code:

background-image: radial-gradient(circle, #5598FCCE 10%, #576CFCCE 95%);

 

HEX #576CFCCE zu HEX #556BFCCE


CSS-Code:

background-image: linear-gradient(135deg, #576CFCCE 8%, #556BFCCE 100%);

 

HEX #576CFCCE zu HEX #556BFCCE


CSS-Code:

background-image: radial-gradient(circle, #576CFCCE 6%, #556BFCCE 95%);

 

HEX #556BFCCE zu HEX #576CFCCE


CSS-Code:

background-image: linear-gradient(135deg, #556BFCCE 4%, #576CFCCE 92%);

 

HEX #556BFCCE zu HEX #576CFCCE


CSS-Code:

background-image: radial-gradient(circle, #556BFCCE 1%, #576CFCCE 89%);

 

HEX #576CFCCE zu HEX #6B55FCCE


CSS-Code:

background-image: linear-gradient(135deg, #576CFCCE 0%, #6B55FCCE 91%);

 

HEX #576CFCCE zu HEX #6B55FCCE


CSS-Code:

background-image: radial-gradient(circle, #576CFCCE 10%, #6B55FCCE 86%);

 

HEX #6B55FCCE zu HEX #576CFCCE


CSS-Code:

background-image: linear-gradient(135deg, #6B55FCCE 11%, #576CFCCE 89%);

 

HEX #6B55FCCE zu HEX #576CFCCE


CSS-Code:

background-image: radial-gradient(circle, #6B55FCCE 3%, #576CFCCE 88%);

 

HEX #576CFCCE zu HEX #9855FCCE


CSS-Code:

background-image: linear-gradient(135deg, #576CFCCE 2%, #9855FCCE 95%);

 

HEX #576CFCCE zu HEX #9855FCCE


CSS-Code:

background-image: radial-gradient(circle, #576CFCCE 6%, #9855FCCE 89%);

 

HEX #9855FCCE zu HEX #576CFCCE


CSS-Code:

background-image: linear-gradient(135deg, #9855FCCE 9%, #576CFCCE 100%);

 

HEX #9855FCCE zu HEX #576CFCCE


CSS-Code:

background-image: radial-gradient(circle, #9855FCCE 13%, #576CFCCE 86%);

Linear

HEX #576CFCCE zu HEX #2D47FB


CSS-Code:

background-image: linear-gradient(135deg, #576CFCCE 5%, #2D47FB 93%);

Radial

HEX #576CFCCE zu HEX #2D47FB


CSS-Code:

background-image: radial-gradient(circle, #576CFCCE 5%, #2D47FB 91%);

 

HEX #2D47FB zu HEX #576CFCCE


CSS-Code:

background-image: linear-gradient(135deg, #2D47FB 2%, #576CFCCE 100%);

 

HEX #2D47FB zu HEX #576CFCCE


CSS-Code:

background-image: radial-gradient(circle, #2D47FB 14%, #576CFCCE 89%);

 

HEX #576CFCCE zu HEX #556AFC


CSS-Code:

background-image: linear-gradient(135deg, #576CFCCE 0%, #556AFC 99%);

 

HEX #576CFCCE zu HEX #556AFC


CSS-Code:

background-image: radial-gradient(circle, #576CFCCE 6%, #556AFC 94%);

 

HEX #556AFC zu HEX #576CFCCE


CSS-Code:

background-image: linear-gradient(135deg, #556AFC 12%, #576CFCCE 100%);

 

HEX #556AFC zu HEX #576CFCCE


CSS-Code:

background-image: radial-gradient(circle, #556AFC 3%, #576CFCCE 99%);

 

HEX #576CFCCE zu HEX #7E8EFC


CSS-Code:

background-image: linear-gradient(135deg, #576CFCCE 5%, #7E8EFC 95%);

 

HEX #576CFCCE zu HEX #7E8EFC


CSS-Code:

background-image: radial-gradient(circle, #576CFCCE 3%, #7E8EFC 90%);

 

HEX #7E8EFC zu HEX #576CFCCE


CSS-Code:

background-image: linear-gradient(135deg, #7E8EFC 10%, #576CFCCE 90%);

 

HEX #7E8EFC zu HEX #576CFCCE


CSS-Code:

background-image: radial-gradient(circle, #7E8EFC 6%, #576CFCCE 89%);

 

HEX #576CFCCE zu HEX #A6B1FD


CSS-Code:

background-image: linear-gradient(135deg, #576CFCCE 12%, #A6B1FD 98%);

 

HEX #576CFCCE zu HEX #A6B1FD


CSS-Code:

background-image: radial-gradient(circle, #576CFCCE 3%, #A6B1FD 100%);

 

HEX #A6B1FD zu HEX #576CFCCE


CSS-Code:

background-image: linear-gradient(135deg, #A6B1FD 2%, #576CFCCE 87%);

 

HEX #A6B1FD zu HEX #576CFCCE


CSS-Code:

background-image: radial-gradient(circle, #A6B1FD 4%, #576CFCCE 95%);

Linear

HEX #576CFCCE zu HEX #FC55F0


CSS-Code:

background-image: linear-gradient(135deg, #576CFCCE 6%, #FC55F0 94%);

Radial

HEX #576CFCCE zu HEX #FC55F0


CSS-Code:

background-image: radial-gradient(circle, #576CFCCE 4%, #FC55F0 90%);

 

HEX #FC55F0 zu HEX #576CFCCE


CSS-Code:

background-image: linear-gradient(135deg, #FC55F0 2%, #576CFCCE 98%);

 

HEX #FC55F0 zu HEX #576CFCCE


CSS-Code:

background-image: radial-gradient(circle, #FC55F0 6%, #576CFCCE 96%);

 

HEX #576CFCCE zu HEX #AEFC55


CSS-Code:

background-image: linear-gradient(135deg, #576CFCCE 8%, #AEFC55 99%);

 

HEX #576CFCCE zu HEX #AEFC55


CSS-Code:

background-image: radial-gradient(circle, #576CFCCE 5%, #AEFC55 99%);

 

HEX #AEFC55 zu HEX #576CFCCE


CSS-Code:

background-image: linear-gradient(135deg, #AEFC55 1%, #576CFCCE 98%);

 

HEX #AEFC55 zu HEX #576CFCCE


CSS-Code:

background-image: radial-gradient(circle, #AEFC55 1%, #576CFCCE 96%);

Linear

HEX #576CFCCE zu HEX #FC556B


CSS-Code:

background-image: linear-gradient(135deg, #576CFCCE 10%, #FC556B 87%);

Radial

HEX #576CFCCE zu HEX #FC556B


CSS-Code:

background-image: radial-gradient(circle, #576CFCCE 12%, #FC556B 95%);

 

HEX #FC556B zu HEX #576CFCCE


CSS-Code:

background-image: linear-gradient(135deg, #FC556B 5%, #576CFCCE 98%);

 

HEX #FC556B zu HEX #576CFCCE


CSS-Code:

background-image: radial-gradient(circle, #FC556B 9%, #576CFCCE 94%);

 

HEX #576CFCCE zu HEX #6BFC55


CSS-Code:

background-image: linear-gradient(135deg, #576CFCCE 14%, #6BFC55 91%);

 

HEX #576CFCCE zu HEX #6BFC55


CSS-Code:

background-image: radial-gradient(circle, #576CFCCE 1%, #6BFC55 88%);

 

HEX #6BFC55 zu HEX #576CFCCE


CSS-Code:

background-image: linear-gradient(135deg, #6BFC55 6%, #576CFCCE 97%);

 

HEX #6BFC55 zu HEX #576CFCCE


CSS-Code:

background-image: radial-gradient(circle, #6BFC55 3%, #576CFCCE 94%);

Linear

HEX #576CFCCE zu HEX #FC55F0


CSS-Code:

background-image: linear-gradient(135deg, #576CFCCE 9%, #FC55F0 86%);

Radial

HEX #576CFCCE zu HEX #FC55F0


CSS-Code:

background-image: radial-gradient(circle, #576CFCCE 6%, #FC55F0 96%);

 

HEX #FC55F0 zu HEX #576CFCCE


CSS-Code:

background-image: linear-gradient(135deg, #FC55F0 2%, #576CFCCE 91%);

 

HEX #FC55F0 zu HEX #576CFCCE


CSS-Code:

background-image: radial-gradient(circle, #FC55F0 2%, #576CFCCE 91%);

 

HEX #576CFCCE zu HEX #FCE555


CSS-Code:

background-image: linear-gradient(135deg, #576CFCCE 2%, #FCE555 91%);

 

HEX #576CFCCE zu HEX #FCE555


CSS-Code:

background-image: radial-gradient(circle, #576CFCCE 2%, #FCE555 90%);

 

HEX #FCE555 zu HEX #576CFCCE


CSS-Code:

background-image: linear-gradient(135deg, #FCE555 9%, #576CFCCE 100%);

 

HEX #FCE555 zu HEX #576CFCCE


CSS-Code:

background-image: radial-gradient(circle, #FCE555 8%, #576CFCCE 100%);

 

HEX #576CFCCE zu HEX #55FC60


CSS-Code:

background-image: linear-gradient(135deg, #576CFCCE 2%, #55FC60 97%);

 

HEX #576CFCCE zu HEX #55FC60


CSS-Code:

background-image: radial-gradient(circle, #576CFCCE 9%, #55FC60 94%);

 

HEX #55FC60 zu HEX #576CFCCE


CSS-Code:

background-image: linear-gradient(135deg, #55FC60 3%, #576CFCCE 89%);

 

HEX #55FC60 zu HEX #576CFCCE


CSS-Code:

background-image: radial-gradient(circle, #55FC60 14%, #576CFCCE 96%);

Linear

HEX #576CFCCE zu HEX #FC55BE


CSS-Code:

background-image: linear-gradient(135deg, #576CFCCE 1%, #FC55BE 100%);

Radial

HEX #576CFCCE zu HEX #FC55BE


CSS-Code:

background-image: radial-gradient(circle, #576CFCCE 0%, #FC55BE 89%);

 

HEX #FC55BE zu HEX #576CFCCE


CSS-Code:

background-image: linear-gradient(135deg, #FC55BE 12%, #576CFCCE 93%);

 

HEX #FC55BE zu HEX #576CFCCE


CSS-Code:

background-image: radial-gradient(circle, #FC55BE 9%, #576CFCCE 86%);

 

HEX #576CFCCE zu HEX #FCE555


CSS-Code:

background-image: linear-gradient(135deg, #576CFCCE 4%, #FCE555 97%);

 

HEX #576CFCCE zu HEX #FCE555


CSS-Code:

background-image: radial-gradient(circle, #576CFCCE 2%, #FCE555 88%);

 

HEX #FCE555 zu HEX #576CFCCE


CSS-Code:

background-image: linear-gradient(135deg, #FCE555 6%, #576CFCCE 100%);

 

HEX #FCE555 zu HEX #576CFCCE


CSS-Code:

background-image: radial-gradient(circle, #FCE555 6%, #576CFCCE 87%);

 

HEX #576CFCCE zu HEX #55FC92


CSS-Code:

background-image: linear-gradient(135deg, #576CFCCE 10%, #55FC92 99%);

 

HEX #576CFCCE zu HEX #55FC92


CSS-Code:

background-image: radial-gradient(circle, #576CFCCE 9%, #55FC92 93%);

 

HEX #55FC92 zu HEX #576CFCCE


CSS-Code:

background-image: linear-gradient(135deg, #55FC92 11%, #576CFCCE 97%);

 

HEX #55FC92 zu HEX #576CFCCE


CSS-Code:

background-image: radial-gradient(circle, #55FC92 14%, #576CFCCE 100%);

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.