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

CSS Gradienten:
#FEB49CCE

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

Verifizierung Ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #FEB49CCE zu HEX #014B63CE


CSS-Code:

background-image: linear-gradient(135deg, #FEB49CCE 10%, #014B63CE 97%);

Radial

HEX #FEB49CCE zu HEX #014B63CE


CSS-Code:

background-image: radial-gradient(circle, #FEB49CCE 5%, #014B63CE 93%);

 

HEX #014B63CE zu HEX #FEB49CCE


CSS-Code:

background-image: linear-gradient(135deg, #014B63CE 14%, #FEB49CCE 99%);

 

HEX #014B63CE zu HEX #FEB49CCE


CSS-Code:

background-image: radial-gradient(circle, #014B63CE 5%, #FEB49CCE 99%);

Linear

HEX #FEB49CCE zu HEX #FE9A9DCE


CSS-Code:

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

Radial

HEX #FEB49CCE zu HEX #FE9A9DCE


CSS-Code:

background-image: radial-gradient(circle, #FEB49CCE 9%, #FE9A9DCE 92%);

 

HEX #FE9A9DCE zu HEX #FEB49CCE


CSS-Code:

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

 

HEX #FE9A9DCE zu HEX #FEB49CCE


CSS-Code:

background-image: radial-gradient(circle, #FE9A9DCE 12%, #FEB49CCE 99%);

 

HEX #FEB49CCE zu HEX #FEB19ACE


CSS-Code:

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

 

HEX #FEB49CCE zu HEX #FEB19ACE


CSS-Code:

background-image: radial-gradient(circle, #FEB49CCE 12%, #FEB19ACE 90%);

 

HEX #FEB19ACE zu HEX #FEB49CCE


CSS-Code:

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

 

HEX #FEB19ACE zu HEX #FEB49CCE


CSS-Code:

background-image: radial-gradient(circle, #FEB19ACE 14%, #FEB49CCE 90%);

 

HEX #FEB49CCE zu HEX #FECC9ACE


CSS-Code:

background-image: linear-gradient(135deg, #FEB49CCE 6%, #FECC9ACE 90%);

 

HEX #FEB49CCE zu HEX #FECC9ACE


CSS-Code:

background-image: radial-gradient(circle, #FEB49CCE 6%, #FECC9ACE 86%);

 

HEX #FECC9ACE zu HEX #FEB49CCE


CSS-Code:

background-image: linear-gradient(135deg, #FECC9ACE 14%, #FEB49CCE 93%);

 

HEX #FECC9ACE zu HEX #FEB49CCE


CSS-Code:

background-image: radial-gradient(circle, #FECC9ACE 7%, #FEB49CCE 95%);

 

HEX #FEB49CCE zu HEX #FEE79ACE


CSS-Code:

background-image: linear-gradient(135deg, #FEB49CCE 4%, #FEE79ACE 99%);

 

HEX #FEB49CCE zu HEX #FEE79ACE


CSS-Code:

background-image: radial-gradient(circle, #FEB49CCE 8%, #FEE79ACE 89%);

 

HEX #FEE79ACE zu HEX #FEB49CCE


CSS-Code:

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

 

HEX #FEE79ACE zu HEX #FEB49CCE


CSS-Code:

background-image: radial-gradient(circle, #FEE79ACE 10%, #FEB49CCE 93%);

Linear

HEX #FEB49CCE zu HEX #FE9471


CSS-Code:

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

Radial

HEX #FEB49CCE zu HEX #FE9471


CSS-Code:

background-image: radial-gradient(circle, #FEB49CCE 3%, #FE9471 93%);

 

HEX #FE9471 zu HEX #FEB49CCE


CSS-Code:

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

 

HEX #FE9471 zu HEX #FEB49CCE


CSS-Code:

background-image: radial-gradient(circle, #FE9471 2%, #FEB49CCE 90%);

 

HEX #FEB49CCE zu HEX #FEB29A


CSS-Code:

background-image: linear-gradient(135deg, #FEB49CCE 2%, #FEB29A 96%);

 

HEX #FEB49CCE zu HEX #FEB29A


CSS-Code:

background-image: radial-gradient(circle, #FEB49CCE 2%, #FEB29A 89%);

 

HEX #FEB29A zu HEX #FEB49CCE


CSS-Code:

background-image: linear-gradient(135deg, #FEB29A 4%, #FEB49CCE 99%);

 

HEX #FEB29A zu HEX #FEB49CCE


CSS-Code:

background-image: radial-gradient(circle, #FEB29A 12%, #FEB49CCE 90%);

 

HEX #FEB49CCE zu HEX #FED1C3


CSS-Code:

background-image: linear-gradient(135deg, #FEB49CCE 6%, #FED1C3 93%);

 

HEX #FEB49CCE zu HEX #FED1C3


CSS-Code:

background-image: radial-gradient(circle, #FEB49CCE 11%, #FED1C3 86%);

 

HEX #FED1C3 zu HEX #FEB49CCE


CSS-Code:

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

 

HEX #FED1C3 zu HEX #FEB49CCE


CSS-Code:

background-image: radial-gradient(circle, #FED1C3 2%, #FEB49CCE 97%);

 

HEX #FEB49CCE zu HEX #FFF0EC


CSS-Code:

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

 

HEX #FEB49CCE zu HEX #FFF0EC


CSS-Code:

background-image: radial-gradient(circle, #FEB49CCE 5%, #FFF0EC 86%);

 

HEX #FFF0EC zu HEX #FEB49CCE


CSS-Code:

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

 

HEX #FFF0EC zu HEX #FEB49CCE


CSS-Code:

background-image: radial-gradient(circle, #FFF0EC 7%, #FEB49CCE 86%);

Linear

HEX #FEB49CCE zu HEX #FE9A9DCE


CSS-Code:

background-image: linear-gradient(135deg, #FEB49CCE 0%, #FE9A9DCE 100%);

Radial

HEX #FEB49CCE zu HEX #FE9A9DCE


CSS-Code:

background-image: radial-gradient(circle, #FEB49CCE 11%, #FE9A9DCE 100%);

 

HEX #FE9A9DCE zu HEX #FEB49CCE


CSS-Code:

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

 

HEX #FE9A9DCE zu HEX #FEB49CCE


CSS-Code:

background-image: radial-gradient(circle, #FE9A9DCE 12%, #FEB49CCE 88%);

 

HEX #FEB49CCE zu HEX #FEB19ACE


CSS-Code:

background-image: linear-gradient(135deg, #FEB49CCE 0%, #FEB19ACE 89%);

 

HEX #FEB49CCE zu HEX #FEB19ACE


CSS-Code:

background-image: radial-gradient(circle, #FEB49CCE 11%, #FEB19ACE 88%);

 

HEX #FEB19ACE zu HEX #FEB49CCE


CSS-Code:

background-image: linear-gradient(135deg, #FEB19ACE 8%, #FEB49CCE 89%);

 

HEX #FEB19ACE zu HEX #FEB49CCE


CSS-Code:

background-image: radial-gradient(circle, #FEB19ACE 2%, #FEB49CCE 91%);

 

HEX #FEB49CCE zu HEX #FECC9ACE


CSS-Code:

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

 

HEX #FEB49CCE zu HEX #FECC9ACE


CSS-Code:

background-image: radial-gradient(circle, #FEB49CCE 14%, #FECC9ACE 100%);

 

HEX #FECC9ACE zu HEX #FEB49CCE


CSS-Code:

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

 

HEX #FECC9ACE zu HEX #FEB49CCE


CSS-Code:

background-image: radial-gradient(circle, #FECC9ACE 8%, #FEB49CCE 94%);

 

HEX #FEB49CCE zu HEX #FEE79ACE


CSS-Code:

background-image: linear-gradient(135deg, #FEB49CCE 8%, #FEE79ACE 88%);

 

HEX #FEB49CCE zu HEX #FEE79ACE


CSS-Code:

background-image: radial-gradient(circle, #FEB49CCE 11%, #FEE79ACE 88%);

 

HEX #FEE79ACE zu HEX #FEB49CCE


CSS-Code:

background-image: linear-gradient(135deg, #FEE79ACE 0%, #FEB49CCE 96%);

 

HEX #FEE79ACE zu HEX #FEB49CCE


CSS-Code:

background-image: radial-gradient(circle, #FEE79ACE 12%, #FEB49CCE 98%);

Linear

HEX #FEB49CCE zu HEX #FE9471


CSS-Code:

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

Radial

HEX #FEB49CCE zu HEX #FE9471


CSS-Code:

background-image: radial-gradient(circle, #FEB49CCE 14%, #FE9471 88%);

 

HEX #FE9471 zu HEX #FEB49CCE


CSS-Code:

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

 

HEX #FE9471 zu HEX #FEB49CCE


CSS-Code:

background-image: radial-gradient(circle, #FE9471 4%, #FEB49CCE 96%);

 

HEX #FEB49CCE zu HEX #FEB29A


CSS-Code:

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

 

HEX #FEB49CCE zu HEX #FEB29A


CSS-Code:

background-image: radial-gradient(circle, #FEB49CCE 10%, #FEB29A 100%);

 

HEX #FEB29A zu HEX #FEB49CCE


CSS-Code:

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

 

HEX #FEB29A zu HEX #FEB49CCE


CSS-Code:

background-image: radial-gradient(circle, #FEB29A 10%, #FEB49CCE 98%);

 

HEX #FEB49CCE zu HEX #FED1C3


CSS-Code:

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

 

HEX #FEB49CCE zu HEX #FED1C3


CSS-Code:

background-image: radial-gradient(circle, #FEB49CCE 8%, #FED1C3 87%);

 

HEX #FED1C3 zu HEX #FEB49CCE


CSS-Code:

background-image: linear-gradient(135deg, #FED1C3 2%, #FEB49CCE 86%);

 

HEX #FED1C3 zu HEX #FEB49CCE


CSS-Code:

background-image: radial-gradient(circle, #FED1C3 14%, #FEB49CCE 90%);

 

HEX #FEB49CCE zu HEX #FFF0EC


CSS-Code:

background-image: linear-gradient(135deg, #FEB49CCE 7%, #FFF0EC 93%);

 

HEX #FEB49CCE zu HEX #FFF0EC


CSS-Code:

background-image: radial-gradient(circle, #FEB49CCE 5%, #FFF0EC 95%);

 

HEX #FFF0EC zu HEX #FEB49CCE


CSS-Code:

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

 

HEX #FFF0EC zu HEX #FEB49CCE


CSS-Code:

background-image: radial-gradient(circle, #FFF0EC 1%, #FEB49CCE 86%);

Linear

HEX #FEB49CCE zu HEX #D3FE9A


CSS-Code:

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

Radial

HEX #FEB49CCE zu HEX #D3FE9A


CSS-Code:

background-image: radial-gradient(circle, #FEB49CCE 3%, #D3FE9A 88%);

 

HEX #D3FE9A zu HEX #FEB49CCE


CSS-Code:

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

 

HEX #D3FE9A zu HEX #FEB49CCE


CSS-Code:

background-image: radial-gradient(circle, #D3FE9A 9%, #FEB49CCE 96%);

 

HEX #FEB49CCE zu HEX #9AABFE


CSS-Code:

background-image: linear-gradient(135deg, #FEB49CCE 3%, #9AABFE 97%);

 

HEX #FEB49CCE zu HEX #9AABFE


CSS-Code:

background-image: radial-gradient(circle, #FEB49CCE 1%, #9AABFE 92%);

 

HEX #9AABFE zu HEX #FEB49CCE


CSS-Code:

background-image: linear-gradient(135deg, #9AABFE 13%, #FEB49CCE 100%);

 

HEX #9AABFE zu HEX #FEB49CCE


CSS-Code:

background-image: radial-gradient(circle, #9AABFE 6%, #FEB49CCE 91%);

Linear

HEX #FEB49CCE zu HEX #9AFEB1


CSS-Code:

background-image: linear-gradient(135deg, #FEB49CCE 11%, #9AFEB1 100%);

Radial

HEX #FEB49CCE zu HEX #9AFEB1


CSS-Code:

background-image: radial-gradient(circle, #FEB49CCE 11%, #9AFEB1 90%);

 

HEX #9AFEB1 zu HEX #FEB49CCE


CSS-Code:

background-image: linear-gradient(135deg, #9AFEB1 12%, #FEB49CCE 93%);

 

HEX #9AFEB1 zu HEX #FEB49CCE


CSS-Code:

background-image: radial-gradient(circle, #9AFEB1 12%, #FEB49CCE 90%);

 

HEX #FEB49CCE zu HEX #B19AFE


CSS-Code:

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

 

HEX #FEB49CCE zu HEX #B19AFE


CSS-Code:

background-image: radial-gradient(circle, #FEB49CCE 10%, #B19AFE 94%);

 

HEX #B19AFE zu HEX #FEB49CCE


CSS-Code:

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

 

HEX #B19AFE zu HEX #FEB49CCE


CSS-Code:

background-image: radial-gradient(circle, #B19AFE 2%, #FEB49CCE 95%);

Linear

HEX #FEB49CCE zu HEX #D3FE9A


CSS-Code:

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

Radial

HEX #FEB49CCE zu HEX #D3FE9A


CSS-Code:

background-image: radial-gradient(circle, #FEB49CCE 7%, #D3FE9A 92%);

 

HEX #D3FE9A zu HEX #FEB49CCE


CSS-Code:

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

 

HEX #D3FE9A zu HEX #FEB49CCE


CSS-Code:

background-image: radial-gradient(circle, #D3FE9A 0%, #FEB49CCE 97%);

 

HEX #FEB49CCE zu HEX #9AE7FE


CSS-Code:

background-image: linear-gradient(135deg, #FEB49CCE 0%, #9AE7FE 96%);

 

HEX #FEB49CCE zu HEX #9AE7FE


CSS-Code:

background-image: radial-gradient(circle, #FEB49CCE 13%, #9AE7FE 90%);

 

HEX #9AE7FE zu HEX #FEB49CCE


CSS-Code:

background-image: linear-gradient(135deg, #9AE7FE 10%, #FEB49CCE 94%);

 

HEX #9AE7FE zu HEX #FEB49CCE


CSS-Code:

background-image: radial-gradient(circle, #9AE7FE 12%, #FEB49CCE 91%);

 

HEX #FEB49CCE zu HEX #C59AFE


CSS-Code:

background-image: linear-gradient(135deg, #FEB49CCE 13%, #C59AFE 91%);

 

HEX #FEB49CCE zu HEX #C59AFE


CSS-Code:

background-image: radial-gradient(circle, #FEB49CCE 7%, #C59AFE 89%);

 

HEX #C59AFE zu HEX #FEB49CCE


CSS-Code:

background-image: linear-gradient(135deg, #C59AFE 4%, #FEB49CCE 91%);

 

HEX #C59AFE zu HEX #FEB49CCE


CSS-Code:

background-image: radial-gradient(circle, #C59AFE 10%, #FEB49CCE 86%);

Linear

HEX #FEB49CCE zu HEX #B5FE9A


CSS-Code:

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

Radial

HEX #FEB49CCE zu HEX #B5FE9A


CSS-Code:

background-image: radial-gradient(circle, #FEB49CCE 12%, #B5FE9A 95%);

 

HEX #B5FE9A zu HEX #FEB49CCE


CSS-Code:

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

 

HEX #B5FE9A zu HEX #FEB49CCE


CSS-Code:

background-image: radial-gradient(circle, #B5FE9A 13%, #FEB49CCE 86%);

 

HEX #FEB49CCE zu HEX #9AE7FE


CSS-Code:

background-image: linear-gradient(135deg, #FEB49CCE 2%, #9AE7FE 92%);

 

HEX #FEB49CCE zu HEX #9AE7FE


CSS-Code:

background-image: radial-gradient(circle, #FEB49CCE 5%, #9AE7FE 96%);

 

HEX #9AE7FE zu HEX #FEB49CCE


CSS-Code:

background-image: linear-gradient(135deg, #9AE7FE 2%, #FEB49CCE 88%);

 

HEX #9AE7FE zu HEX #FEB49CCE


CSS-Code:

background-image: radial-gradient(circle, #9AE7FE 4%, #FEB49CCE 91%);

 

HEX #FEB49CCE zu HEX #E39AFE


CSS-Code:

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

 

HEX #FEB49CCE zu HEX #E39AFE


CSS-Code:

background-image: radial-gradient(circle, #FEB49CCE 1%, #E39AFE 94%);

 

HEX #E39AFE zu HEX #FEB49CCE


CSS-Code:

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

 

HEX #E39AFE zu HEX #FEB49CCE


CSS-Code:

background-image: radial-gradient(circle, #E39AFE 4%, #FEB49CCE 89%);

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.