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

CSS Gradienten:
#EAEEADCE

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

Verifizierung Ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #EAEEADCE zu HEX #151152CE


CSS-Code:

background-image: linear-gradient(135deg, #EAEEADCE 2%, #151152CE 95%);

Radial

HEX #EAEEADCE zu HEX #151152CE


CSS-Code:

background-image: radial-gradient(circle, #EAEEADCE 12%, #151152CE 92%);

 

HEX #151152CE zu HEX #EAEEADCE


CSS-Code:

background-image: linear-gradient(135deg, #151152CE 8%, #EAEEADCE 87%);

 

HEX #151152CE zu HEX #EAEEADCE


CSS-Code:

background-image: radial-gradient(circle, #151152CE 6%, #EAEEADCE 86%);

Linear

HEX #EAEEADCE zu HEX #EFE1AFCE


CSS-Code:

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

Radial

HEX #EAEEADCE zu HEX #EFE1AFCE


CSS-Code:

background-image: radial-gradient(circle, #EAEEADCE 5%, #EFE1AFCE 95%);

 

HEX #EFE1AFCE zu HEX #EAEEADCE


CSS-Code:

background-image: linear-gradient(135deg, #EFE1AFCE 9%, #EAEEADCE 96%);

 

HEX #EFE1AFCE zu HEX #EAEEADCE


CSS-Code:

background-image: radial-gradient(circle, #EFE1AFCE 13%, #EAEEADCE 99%);

 

HEX #EAEEADCE zu HEX #EBEFAFCE


CSS-Code:

background-image: linear-gradient(135deg, #EAEEADCE 5%, #EBEFAFCE 89%);

 

HEX #EAEEADCE zu HEX #EBEFAFCE


CSS-Code:

background-image: radial-gradient(circle, #EAEEADCE 2%, #EBEFAFCE 98%);

 

HEX #EBEFAFCE zu HEX #EAEEADCE


CSS-Code:

background-image: linear-gradient(135deg, #EBEFAFCE 14%, #EAEEADCE 94%);

 

HEX #EBEFAFCE zu HEX #EAEEADCE


CSS-Code:

background-image: radial-gradient(circle, #EBEFAFCE 10%, #EAEEADCE 99%);

 

HEX #EAEEADCE zu HEX #DAEFAFCE


CSS-Code:

background-image: linear-gradient(135deg, #EAEEADCE 10%, #DAEFAFCE 86%);

 

HEX #EAEEADCE zu HEX #DAEFAFCE


CSS-Code:

background-image: radial-gradient(circle, #EAEEADCE 14%, #DAEFAFCE 86%);

 

HEX #DAEFAFCE zu HEX #EAEEADCE


CSS-Code:

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

 

HEX #DAEFAFCE zu HEX #EAEEADCE


CSS-Code:

background-image: radial-gradient(circle, #DAEFAFCE 11%, #EAEEADCE 97%);

 

HEX #EAEEADCE zu HEX #C9EFAFCE


CSS-Code:

background-image: linear-gradient(135deg, #EAEEADCE 11%, #C9EFAFCE 92%);

 

HEX #EAEEADCE zu HEX #C9EFAFCE


CSS-Code:

background-image: radial-gradient(circle, #EAEEADCE 12%, #C9EFAFCE 93%);

 

HEX #C9EFAFCE zu HEX #EAEEADCE


CSS-Code:

background-image: linear-gradient(135deg, #C9EFAFCE 8%, #EAEEADCE 93%);

 

HEX #C9EFAFCE zu HEX #EAEEADCE


CSS-Code:

background-image: radial-gradient(circle, #C9EFAFCE 10%, #EAEEADCE 94%);

Linear

HEX #EAEEADCE zu HEX #E2E88C


CSS-Code:

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

Radial

HEX #EAEEADCE zu HEX #E2E88C


CSS-Code:

background-image: radial-gradient(circle, #EAEEADCE 6%, #E2E88C 92%);

 

HEX #E2E88C zu HEX #EAEEADCE


CSS-Code:

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

 

HEX #E2E88C zu HEX #EAEEADCE


CSS-Code:

background-image: radial-gradient(circle, #E2E88C 9%, #EAEEADCE 92%);

 

HEX #EAEEADCE zu HEX #EBEFAF


CSS-Code:

background-image: linear-gradient(135deg, #EAEEADCE 13%, #EBEFAF 97%);

 

HEX #EAEEADCE zu HEX #EBEFAF


CSS-Code:

background-image: radial-gradient(circle, #EAEEADCE 9%, #EBEFAF 93%);

 

HEX #EBEFAF zu HEX #EAEEADCE


CSS-Code:

background-image: linear-gradient(135deg, #EBEFAF 5%, #EAEEADCE 89%);

 

HEX #EBEFAF zu HEX #EAEEADCE


CSS-Code:

background-image: radial-gradient(circle, #EBEFAF 4%, #EAEEADCE 99%);

 

HEX #EAEEADCE zu HEX #F3F6D1


CSS-Code:

background-image: linear-gradient(135deg, #EAEEADCE 9%, #F3F6D1 95%);

 

HEX #EAEEADCE zu HEX #F3F6D1


CSS-Code:

background-image: radial-gradient(circle, #EAEEADCE 10%, #F3F6D1 100%);

 

HEX #F3F6D1 zu HEX #EAEEADCE


CSS-Code:

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

 

HEX #F3F6D1 zu HEX #EAEEADCE


CSS-Code:

background-image: radial-gradient(circle, #F3F6D1 13%, #EAEEADCE 88%);

 

HEX #EAEEADCE zu HEX #FCFDF3


CSS-Code:

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

 

HEX #EAEEADCE zu HEX #FCFDF3


CSS-Code:

background-image: radial-gradient(circle, #EAEEADCE 14%, #FCFDF3 92%);

 

HEX #FCFDF3 zu HEX #EAEEADCE


CSS-Code:

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

 

HEX #FCFDF3 zu HEX #EAEEADCE


CSS-Code:

background-image: radial-gradient(circle, #FCFDF3 8%, #EAEEADCE 95%);

Linear

HEX #EAEEADCE zu HEX #EFE1AFCE


CSS-Code:

background-image: linear-gradient(135deg, #EAEEADCE 2%, #EFE1AFCE 100%);

Radial

HEX #EAEEADCE zu HEX #EFE1AFCE


CSS-Code:

background-image: radial-gradient(circle, #EAEEADCE 10%, #EFE1AFCE 96%);

 

HEX #EFE1AFCE zu HEX #EAEEADCE


CSS-Code:

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

 

HEX #EFE1AFCE zu HEX #EAEEADCE


CSS-Code:

background-image: radial-gradient(circle, #EFE1AFCE 7%, #EAEEADCE 96%);

 

HEX #EAEEADCE zu HEX #EBEFAFCE


CSS-Code:

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

 

HEX #EAEEADCE zu HEX #EBEFAFCE


CSS-Code:

background-image: radial-gradient(circle, #EAEEADCE 10%, #EBEFAFCE 86%);

 

HEX #EBEFAFCE zu HEX #EAEEADCE


CSS-Code:

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

 

HEX #EBEFAFCE zu HEX #EAEEADCE


CSS-Code:

background-image: radial-gradient(circle, #EBEFAFCE 8%, #EAEEADCE 87%);

 

HEX #EAEEADCE zu HEX #DAEFAFCE


CSS-Code:

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

 

HEX #EAEEADCE zu HEX #DAEFAFCE


CSS-Code:

background-image: radial-gradient(circle, #EAEEADCE 6%, #DAEFAFCE 93%);

 

HEX #DAEFAFCE zu HEX #EAEEADCE


CSS-Code:

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

 

HEX #DAEFAFCE zu HEX #EAEEADCE


CSS-Code:

background-image: radial-gradient(circle, #DAEFAFCE 9%, #EAEEADCE 92%);

 

HEX #EAEEADCE zu HEX #C9EFAFCE


CSS-Code:

background-image: linear-gradient(135deg, #EAEEADCE 5%, #C9EFAFCE 86%);

 

HEX #EAEEADCE zu HEX #C9EFAFCE


CSS-Code:

background-image: radial-gradient(circle, #EAEEADCE 1%, #C9EFAFCE 97%);

 

HEX #C9EFAFCE zu HEX #EAEEADCE


CSS-Code:

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

 

HEX #C9EFAFCE zu HEX #EAEEADCE


CSS-Code:

background-image: radial-gradient(circle, #C9EFAFCE 14%, #EAEEADCE 89%);

Linear

HEX #EAEEADCE zu HEX #E2E88C


CSS-Code:

background-image: linear-gradient(135deg, #EAEEADCE 11%, #E2E88C 96%);

Radial

HEX #EAEEADCE zu HEX #E2E88C


CSS-Code:

background-image: radial-gradient(circle, #EAEEADCE 7%, #E2E88C 96%);

 

HEX #E2E88C zu HEX #EAEEADCE


CSS-Code:

background-image: linear-gradient(135deg, #E2E88C 5%, #EAEEADCE 91%);

 

HEX #E2E88C zu HEX #EAEEADCE


CSS-Code:

background-image: radial-gradient(circle, #E2E88C 13%, #EAEEADCE 90%);

 

HEX #EAEEADCE zu HEX #EBEFAF


CSS-Code:

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

 

HEX #EAEEADCE zu HEX #EBEFAF


CSS-Code:

background-image: radial-gradient(circle, #EAEEADCE 13%, #EBEFAF 86%);

 

HEX #EBEFAF zu HEX #EAEEADCE


CSS-Code:

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

 

HEX #EBEFAF zu HEX #EAEEADCE


CSS-Code:

background-image: radial-gradient(circle, #EBEFAF 9%, #EAEEADCE 95%);

 

HEX #EAEEADCE zu HEX #F3F6D1


CSS-Code:

background-image: linear-gradient(135deg, #EAEEADCE 7%, #F3F6D1 98%);

 

HEX #EAEEADCE zu HEX #F3F6D1


CSS-Code:

background-image: radial-gradient(circle, #EAEEADCE 14%, #F3F6D1 86%);

 

HEX #F3F6D1 zu HEX #EAEEADCE


CSS-Code:

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

 

HEX #F3F6D1 zu HEX #EAEEADCE


CSS-Code:

background-image: radial-gradient(circle, #F3F6D1 4%, #EAEEADCE 100%);

 

HEX #EAEEADCE zu HEX #FCFDF3


CSS-Code:

background-image: linear-gradient(135deg, #EAEEADCE 7%, #FCFDF3 87%);

 

HEX #EAEEADCE zu HEX #FCFDF3


CSS-Code:

background-image: radial-gradient(circle, #EAEEADCE 5%, #FCFDF3 100%);

 

HEX #FCFDF3 zu HEX #EAEEADCE


CSS-Code:

background-image: linear-gradient(135deg, #FCFDF3 14%, #EAEEADCE 90%);

 

HEX #FCFDF3 zu HEX #EAEEADCE


CSS-Code:

background-image: radial-gradient(circle, #FCFDF3 7%, #EAEEADCE 98%);

Linear

HEX #EAEEADCE zu HEX #AFEFBF


CSS-Code:

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

Radial

HEX #EAEEADCE zu HEX #AFEFBF


CSS-Code:

background-image: radial-gradient(circle, #EAEEADCE 7%, #AFEFBF 91%);

 

HEX #AFEFBF zu HEX #EAEEADCE


CSS-Code:

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

 

HEX #AFEFBF zu HEX #EAEEADCE


CSS-Code:

background-image: radial-gradient(circle, #AFEFBF 13%, #EAEEADCE 98%);

 

HEX #EAEEADCE zu HEX #D8AFEF


CSS-Code:

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

 

HEX #EAEEADCE zu HEX #D8AFEF


CSS-Code:

background-image: radial-gradient(circle, #EAEEADCE 11%, #D8AFEF 92%);

 

HEX #D8AFEF zu HEX #EAEEADCE


CSS-Code:

background-image: linear-gradient(135deg, #D8AFEF 14%, #EAEEADCE 89%);

 

HEX #D8AFEF zu HEX #EAEEADCE


CSS-Code:

background-image: radial-gradient(circle, #D8AFEF 10%, #EAEEADCE 89%);

Linear

HEX #EAEEADCE zu HEX #AFEBEF


CSS-Code:

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

Radial

HEX #EAEEADCE zu HEX #AFEBEF


CSS-Code:

background-image: radial-gradient(circle, #EAEEADCE 11%, #AFEBEF 89%);

 

HEX #AFEBEF zu HEX #EAEEADCE


CSS-Code:

background-image: linear-gradient(135deg, #AFEBEF 11%, #EAEEADCE 93%);

 

HEX #AFEBEF zu HEX #EAEEADCE


CSS-Code:

background-image: radial-gradient(circle, #AFEBEF 0%, #EAEEADCE 88%);

 

HEX #EAEEADCE zu HEX #EFAFEB


CSS-Code:

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

 

HEX #EAEEADCE zu HEX #EFAFEB


CSS-Code:

background-image: radial-gradient(circle, #EAEEADCE 7%, #EFAFEB 93%);

 

HEX #EFAFEB zu HEX #EAEEADCE


CSS-Code:

background-image: linear-gradient(135deg, #EFAFEB 4%, #EAEEADCE 96%);

 

HEX #EFAFEB zu HEX #EAEEADCE


CSS-Code:

background-image: radial-gradient(circle, #EFAFEB 12%, #EAEEADCE 86%);

Linear

HEX #EAEEADCE zu HEX #AFEFBF


CSS-Code:

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

Radial

HEX #EAEEADCE zu HEX #AFEFBF


CSS-Code:

background-image: radial-gradient(circle, #EAEEADCE 8%, #AFEFBF 96%);

 

HEX #AFEFBF zu HEX #EAEEADCE


CSS-Code:

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

 

HEX #AFEFBF zu HEX #EAEEADCE


CSS-Code:

background-image: radial-gradient(circle, #AFEFBF 9%, #EAEEADCE 91%);

 

HEX #EAEEADCE zu HEX #B2AFEF


CSS-Code:

background-image: linear-gradient(135deg, #EAEEADCE 14%, #B2AFEF 97%);

 

HEX #EAEEADCE zu HEX #B2AFEF


CSS-Code:

background-image: radial-gradient(circle, #EAEEADCE 14%, #B2AFEF 86%);

 

HEX #B2AFEF zu HEX #EAEEADCE


CSS-Code:

background-image: linear-gradient(135deg, #B2AFEF 0%, #EAEEADCE 99%);

 

HEX #B2AFEF zu HEX #EAEEADCE


CSS-Code:

background-image: radial-gradient(circle, #B2AFEF 5%, #EAEEADCE 95%);

 

HEX #EAEEADCE zu HEX #EFAFDF


CSS-Code:

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

 

HEX #EAEEADCE zu HEX #EFAFDF


CSS-Code:

background-image: radial-gradient(circle, #EAEEADCE 13%, #EFAFDF 92%);

 

HEX #EFAFDF zu HEX #EAEEADCE


CSS-Code:

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

 

HEX #EFAFDF zu HEX #EAEEADCE


CSS-Code:

background-image: radial-gradient(circle, #EFAFDF 6%, #EAEEADCE 94%);

Linear

HEX #EAEEADCE zu HEX #AFEFD2


CSS-Code:

background-image: linear-gradient(135deg, #EAEEADCE 0%, #AFEFD2 92%);

Radial

HEX #EAEEADCE zu HEX #AFEFD2


CSS-Code:

background-image: radial-gradient(circle, #EAEEADCE 10%, #AFEFD2 88%);

 

HEX #AFEFD2 zu HEX #EAEEADCE


CSS-Code:

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

 

HEX #AFEFD2 zu HEX #EAEEADCE


CSS-Code:

background-image: radial-gradient(circle, #AFEFD2 9%, #EAEEADCE 94%);

 

HEX #EAEEADCE zu HEX #B2AFEF


CSS-Code:

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

 

HEX #EAEEADCE zu HEX #B2AFEF


CSS-Code:

background-image: radial-gradient(circle, #EAEEADCE 8%, #B2AFEF 92%);

 

HEX #B2AFEF zu HEX #EAEEADCE


CSS-Code:

background-image: linear-gradient(135deg, #B2AFEF 2%, #EAEEADCE 98%);

 

HEX #B2AFEF zu HEX #EAEEADCE


CSS-Code:

background-image: radial-gradient(circle, #B2AFEF 0%, #EAEEADCE 95%);

 

HEX #EAEEADCE zu HEX #EFAFCB


CSS-Code:

background-image: linear-gradient(135deg, #EAEEADCE 12%, #EFAFCB 97%);

 

HEX #EAEEADCE zu HEX #EFAFCB


CSS-Code:

background-image: radial-gradient(circle, #EAEEADCE 3%, #EFAFCB 98%);

 

HEX #EFAFCB zu HEX #EAEEADCE


CSS-Code:

background-image: linear-gradient(135deg, #EFAFCB 13%, #EAEEADCE 88%);

 

HEX #EFAFCB zu HEX #EAEEADCE


CSS-Code:

background-image: radial-gradient(circle, #EFAFCB 6%, #EAEEADCE 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)

To be able to save color palettes, a registration is required.

Log in to your account

or

Create an account

Current color palette Share
Should it be public or private?
Link(s) will follow after sharing.

Cancel Share

Color palette shared
Please copy and save the desired link.

Share

OK, I have copied the links

Your colors will be saved in a new color palette.
View them under your profile.
You can customize them further, and share them.

Show color palette
Close

Create a color palette

DownloadDownload in different formats

Remove All

By clicking on you can create palettes and download the color swatches.