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

CSS Gradienten:
#AF7EFECE

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

Verifizierung Ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #AF7EFECE zu HEX #508101CE


CSS-Code:

background-image: linear-gradient(135deg, #AF7EFECE 7%, #508101CE 98%);

Radial

HEX #AF7EFECE zu HEX #508101CE


CSS-Code:

background-image: radial-gradient(circle, #AF7EFECE 4%, #508101CE 95%);

 

HEX #508101CE zu HEX #AF7EFECE


CSS-Code:

background-image: linear-gradient(135deg, #508101CE 3%, #AF7EFECE 88%);

 

HEX #508101CE zu HEX #AF7EFECE


CSS-Code:

background-image: radial-gradient(circle, #508101CE 3%, #AF7EFECE 99%);

Linear

HEX #AF7EFECE zu HEX #8D81FECE


CSS-Code:

background-image: linear-gradient(135deg, #AF7EFECE 8%, #8D81FECE 94%);

Radial

HEX #AF7EFECE zu HEX #8D81FECE


CSS-Code:

background-image: radial-gradient(circle, #AF7EFECE 6%, #8D81FECE 90%);

 

HEX #8D81FECE zu HEX #AF7EFECE


CSS-Code:

background-image: linear-gradient(135deg, #8D81FECE 2%, #AF7EFECE 100%);

 

HEX #8D81FECE zu HEX #AF7EFECE


CSS-Code:

background-image: radial-gradient(circle, #8D81FECE 10%, #AF7EFECE 98%);

 

HEX #AF7EFECE zu HEX #AF81FECE


CSS-Code:

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

 

HEX #AF7EFECE zu HEX #AF81FECE


CSS-Code:

background-image: radial-gradient(circle, #AF7EFECE 4%, #AF81FECE 94%);

 

HEX #AF81FECE zu HEX #AF7EFECE


CSS-Code:

background-image: linear-gradient(135deg, #AF81FECE 10%, #AF7EFECE 91%);

 

HEX #AF81FECE zu HEX #AF7EFECE


CSS-Code:

background-image: radial-gradient(circle, #AF81FECE 6%, #AF7EFECE 86%);

 

HEX #AF7EFECE zu HEX #D081FECE


CSS-Code:

background-image: linear-gradient(135deg, #AF7EFECE 2%, #D081FECE 90%);

 

HEX #AF7EFECE zu HEX #D081FECE


CSS-Code:

background-image: radial-gradient(circle, #AF7EFECE 2%, #D081FECE 96%);

 

HEX #D081FECE zu HEX #AF7EFECE


CSS-Code:

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

 

HEX #D081FECE zu HEX #AF7EFECE


CSS-Code:

background-image: radial-gradient(circle, #D081FECE 7%, #AF7EFECE 87%);

 

HEX #AF7EFECE zu HEX #F181FECE


CSS-Code:

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

 

HEX #AF7EFECE zu HEX #F181FECE


CSS-Code:

background-image: radial-gradient(circle, #AF7EFECE 14%, #F181FECE 99%);

 

HEX #F181FECE zu HEX #AF7EFECE


CSS-Code:

background-image: linear-gradient(135deg, #F181FECE 7%, #AF7EFECE 92%);

 

HEX #F181FECE zu HEX #AF7EFECE


CSS-Code:

background-image: radial-gradient(circle, #F181FECE 10%, #AF7EFECE 89%);

Linear

HEX #AF7EFECE zu HEX #9758FD


CSS-Code:

background-image: linear-gradient(135deg, #AF7EFECE 6%, #9758FD 99%);

Radial

HEX #AF7EFECE zu HEX #9758FD


CSS-Code:

background-image: radial-gradient(circle, #AF7EFECE 13%, #9758FD 96%);

 

HEX #9758FD zu HEX #AF7EFECE


CSS-Code:

background-image: linear-gradient(135deg, #9758FD 12%, #AF7EFECE 98%);

 

HEX #9758FD zu HEX #AF7EFECE


CSS-Code:

background-image: radial-gradient(circle, #9758FD 3%, #AF7EFECE 89%);

 

HEX #AF7EFECE zu HEX #B181FE


CSS-Code:

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

 

HEX #AF7EFECE zu HEX #B181FE


CSS-Code:

background-image: radial-gradient(circle, #AF7EFECE 2%, #B181FE 89%);

 

HEX #B181FE zu HEX #AF7EFECE


CSS-Code:

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

 

HEX #B181FE zu HEX #AF7EFECE


CSS-Code:

background-image: radial-gradient(circle, #B181FE 11%, #AF7EFECE 93%);

 

HEX #AF7EFECE zu HEX #CAAAFE


CSS-Code:

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

 

HEX #AF7EFECE zu HEX #CAAAFE


CSS-Code:

background-image: radial-gradient(circle, #AF7EFECE 11%, #CAAAFE 99%);

 

HEX #CAAAFE zu HEX #AF7EFECE


CSS-Code:

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

 

HEX #CAAAFE zu HEX #AF7EFECE


CSS-Code:

background-image: radial-gradient(circle, #CAAAFE 10%, #AF7EFECE 93%);

 

HEX #AF7EFECE zu HEX #E3D2FF


CSS-Code:

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

 

HEX #AF7EFECE zu HEX #E3D2FF


CSS-Code:

background-image: radial-gradient(circle, #AF7EFECE 6%, #E3D2FF 99%);

 

HEX #E3D2FF zu HEX #AF7EFECE


CSS-Code:

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

 

HEX #E3D2FF zu HEX #AF7EFECE


CSS-Code:

background-image: radial-gradient(circle, #E3D2FF 0%, #AF7EFECE 86%);

Linear

HEX #AF7EFECE zu HEX #8D81FECE


CSS-Code:

background-image: linear-gradient(135deg, #AF7EFECE 12%, #8D81FECE 86%);

Radial

HEX #AF7EFECE zu HEX #8D81FECE


CSS-Code:

background-image: radial-gradient(circle, #AF7EFECE 8%, #8D81FECE 89%);

 

HEX #8D81FECE zu HEX #AF7EFECE


CSS-Code:

background-image: linear-gradient(135deg, #8D81FECE 0%, #AF7EFECE 87%);

 

HEX #8D81FECE zu HEX #AF7EFECE


CSS-Code:

background-image: radial-gradient(circle, #8D81FECE 2%, #AF7EFECE 98%);

 

HEX #AF7EFECE zu HEX #AF81FECE


CSS-Code:

background-image: linear-gradient(135deg, #AF7EFECE 7%, #AF81FECE 91%);

 

HEX #AF7EFECE zu HEX #AF81FECE


CSS-Code:

background-image: radial-gradient(circle, #AF7EFECE 8%, #AF81FECE 100%);

 

HEX #AF81FECE zu HEX #AF7EFECE


CSS-Code:

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

 

HEX #AF81FECE zu HEX #AF7EFECE


CSS-Code:

background-image: radial-gradient(circle, #AF81FECE 10%, #AF7EFECE 86%);

 

HEX #AF7EFECE zu HEX #D081FECE


CSS-Code:

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

 

HEX #AF7EFECE zu HEX #D081FECE


CSS-Code:

background-image: radial-gradient(circle, #AF7EFECE 14%, #D081FECE 94%);

 

HEX #D081FECE zu HEX #AF7EFECE


CSS-Code:

background-image: linear-gradient(135deg, #D081FECE 3%, #AF7EFECE 91%);

 

HEX #D081FECE zu HEX #AF7EFECE


CSS-Code:

background-image: radial-gradient(circle, #D081FECE 3%, #AF7EFECE 93%);

 

HEX #AF7EFECE zu HEX #F181FECE


CSS-Code:

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

 

HEX #AF7EFECE zu HEX #F181FECE


CSS-Code:

background-image: radial-gradient(circle, #AF7EFECE 3%, #F181FECE 88%);

 

HEX #F181FECE zu HEX #AF7EFECE


CSS-Code:

background-image: linear-gradient(135deg, #F181FECE 12%, #AF7EFECE 94%);

 

HEX #F181FECE zu HEX #AF7EFECE


CSS-Code:

background-image: radial-gradient(circle, #F181FECE 12%, #AF7EFECE 87%);

Linear

HEX #AF7EFECE zu HEX #9758FD


CSS-Code:

background-image: linear-gradient(135deg, #AF7EFECE 9%, #9758FD 92%);

Radial

HEX #AF7EFECE zu HEX #9758FD


CSS-Code:

background-image: radial-gradient(circle, #AF7EFECE 12%, #9758FD 98%);

 

HEX #9758FD zu HEX #AF7EFECE


CSS-Code:

background-image: linear-gradient(135deg, #9758FD 11%, #AF7EFECE 86%);

 

HEX #9758FD zu HEX #AF7EFECE


CSS-Code:

background-image: radial-gradient(circle, #9758FD 1%, #AF7EFECE 100%);

 

HEX #AF7EFECE zu HEX #B181FE


CSS-Code:

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

 

HEX #AF7EFECE zu HEX #B181FE


CSS-Code:

background-image: radial-gradient(circle, #AF7EFECE 10%, #B181FE 87%);

 

HEX #B181FE zu HEX #AF7EFECE


CSS-Code:

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

 

HEX #B181FE zu HEX #AF7EFECE


CSS-Code:

background-image: radial-gradient(circle, #B181FE 3%, #AF7EFECE 94%);

 

HEX #AF7EFECE zu HEX #CAAAFE


CSS-Code:

background-image: linear-gradient(135deg, #AF7EFECE 13%, #CAAAFE 96%);

 

HEX #AF7EFECE zu HEX #CAAAFE


CSS-Code:

background-image: radial-gradient(circle, #AF7EFECE 7%, #CAAAFE 99%);

 

HEX #CAAAFE zu HEX #AF7EFECE


CSS-Code:

background-image: linear-gradient(135deg, #CAAAFE 10%, #AF7EFECE 91%);

 

HEX #CAAAFE zu HEX #AF7EFECE


CSS-Code:

background-image: radial-gradient(circle, #CAAAFE 12%, #AF7EFECE 88%);

 

HEX #AF7EFECE zu HEX #E3D2FF


CSS-Code:

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

 

HEX #AF7EFECE zu HEX #E3D2FF


CSS-Code:

background-image: radial-gradient(circle, #AF7EFECE 6%, #E3D2FF 99%);

 

HEX #E3D2FF zu HEX #AF7EFECE


CSS-Code:

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

 

HEX #E3D2FF zu HEX #AF7EFECE


CSS-Code:

background-image: radial-gradient(circle, #E3D2FF 14%, #AF7EFECE 86%);

Linear

HEX #AF7EFECE zu HEX #FE81B7


CSS-Code:

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

Radial

HEX #AF7EFECE zu HEX #FE81B7


CSS-Code:

background-image: radial-gradient(circle, #AF7EFECE 13%, #FE81B7 97%);

 

HEX #FE81B7 zu HEX #AF7EFECE


CSS-Code:

background-image: linear-gradient(135deg, #FE81B7 14%, #AF7EFECE 91%);

 

HEX #FE81B7 zu HEX #AF7EFECE


CSS-Code:

background-image: radial-gradient(circle, #FE81B7 13%, #AF7EFECE 86%);

 

HEX #AF7EFECE zu HEX #85FE81


CSS-Code:

background-image: linear-gradient(135deg, #AF7EFECE 5%, #85FE81 89%);

 

HEX #AF7EFECE zu HEX #85FE81


CSS-Code:

background-image: radial-gradient(circle, #AF7EFECE 11%, #85FE81 100%);

 

HEX #85FE81 zu HEX #AF7EFECE


CSS-Code:

background-image: linear-gradient(135deg, #85FE81 6%, #AF7EFECE 95%);

 

HEX #85FE81 zu HEX #AF7EFECE


CSS-Code:

background-image: radial-gradient(circle, #85FE81 12%, #AF7EFECE 95%);

Linear

HEX #AF7EFECE zu HEX #FEAF81


CSS-Code:

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

Radial

HEX #AF7EFECE zu HEX #FEAF81


CSS-Code:

background-image: radial-gradient(circle, #AF7EFECE 3%, #FEAF81 90%);

 

HEX #FEAF81 zu HEX #AF7EFECE


CSS-Code:

background-image: linear-gradient(135deg, #FEAF81 4%, #AF7EFECE 90%);

 

HEX #FEAF81 zu HEX #AF7EFECE


CSS-Code:

background-image: radial-gradient(circle, #FEAF81 12%, #AF7EFECE 91%);

 

HEX #AF7EFECE zu HEX #81FEAF


CSS-Code:

background-image: linear-gradient(135deg, #AF7EFECE 2%, #81FEAF 90%);

 

HEX #AF7EFECE zu HEX #81FEAF


CSS-Code:

background-image: radial-gradient(circle, #AF7EFECE 13%, #81FEAF 96%);

 

HEX #81FEAF zu HEX #AF7EFECE


CSS-Code:

background-image: linear-gradient(135deg, #81FEAF 2%, #AF7EFECE 87%);

 

HEX #81FEAF zu HEX #AF7EFECE


CSS-Code:

background-image: radial-gradient(circle, #81FEAF 3%, #AF7EFECE 91%);

Linear

HEX #AF7EFECE zu HEX #FE81B7


CSS-Code:

background-image: linear-gradient(135deg, #AF7EFECE 8%, #FE81B7 91%);

Radial

HEX #AF7EFECE zu HEX #FE81B7


CSS-Code:

background-image: radial-gradient(circle, #AF7EFECE 6%, #FE81B7 87%);

 

HEX #FE81B7 zu HEX #AF7EFECE


CSS-Code:

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

 

HEX #FE81B7 zu HEX #AF7EFECE


CSS-Code:

background-image: radial-gradient(circle, #FE81B7 2%, #AF7EFECE 90%);

 

HEX #AF7EFECE zu HEX #D0FE81


CSS-Code:

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

 

HEX #AF7EFECE zu HEX #D0FE81


CSS-Code:

background-image: radial-gradient(circle, #AF7EFECE 8%, #D0FE81 87%);

 

HEX #D0FE81 zu HEX #AF7EFECE


CSS-Code:

background-image: linear-gradient(135deg, #D0FE81 5%, #AF7EFECE 97%);

 

HEX #D0FE81 zu HEX #AF7EFECE


CSS-Code:

background-image: radial-gradient(circle, #D0FE81 10%, #AF7EFECE 88%);

 

HEX #AF7EFECE zu HEX #81FEC8


CSS-Code:

background-image: linear-gradient(135deg, #AF7EFECE 8%, #81FEC8 98%);

 

HEX #AF7EFECE zu HEX #81FEC8


CSS-Code:

background-image: radial-gradient(circle, #AF7EFECE 10%, #81FEC8 97%);

 

HEX #81FEC8 zu HEX #AF7EFECE


CSS-Code:

background-image: linear-gradient(135deg, #81FEC8 13%, #AF7EFECE 94%);

 

HEX #81FEC8 zu HEX #AF7EFECE


CSS-Code:

background-image: radial-gradient(circle, #81FEC8 9%, #AF7EFECE 93%);

Linear

HEX #AF7EFECE zu HEX #FE8191


CSS-Code:

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

Radial

HEX #AF7EFECE zu HEX #FE8191


CSS-Code:

background-image: radial-gradient(circle, #AF7EFECE 14%, #FE8191 99%);

 

HEX #FE8191 zu HEX #AF7EFECE


CSS-Code:

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

 

HEX #FE8191 zu HEX #AF7EFECE


CSS-Code:

background-image: radial-gradient(circle, #FE8191 7%, #AF7EFECE 95%);

 

HEX #AF7EFECE zu HEX #D0FE81


CSS-Code:

background-image: linear-gradient(135deg, #AF7EFECE 9%, #D0FE81 87%);

 

HEX #AF7EFECE zu HEX #D0FE81


CSS-Code:

background-image: radial-gradient(circle, #AF7EFECE 7%, #D0FE81 90%);

 

HEX #D0FE81 zu HEX #AF7EFECE


CSS-Code:

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

 

HEX #D0FE81 zu HEX #AF7EFECE


CSS-Code:

background-image: radial-gradient(circle, #D0FE81 9%, #AF7EFECE 92%);

 

HEX #AF7EFECE zu HEX #81FEED


CSS-Code:

background-image: linear-gradient(135deg, #AF7EFECE 3%, #81FEED 93%);

 

HEX #AF7EFECE zu HEX #81FEED


CSS-Code:

background-image: radial-gradient(circle, #AF7EFECE 2%, #81FEED 88%);

 

HEX #81FEED zu HEX #AF7EFECE


CSS-Code:

background-image: linear-gradient(135deg, #81FEED 13%, #AF7EFECE 93%);

 

HEX #81FEED zu HEX #AF7EFECE


CSS-Code:

background-image: radial-gradient(circle, #81FEED 12%, #AF7EFECE 92%);

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.