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

CSS Gradienten:
#ECEB6F

Information

schließe alle

Lass Dir 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: Kopiere Dir den CSS-Code zum einfachen integrieren auf Deiner Webseite.

Lass Dir 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: Kopiere Dir den CSS-Code zum einfachen integrieren auf Deiner Webseite.

Lass Dir 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: Kopiere Dir den CSS-Code zum einfachen integrieren auf Deiner Webseite.

Anzeigeoptionen

Beschreibung

Da die Farbwerte im Vergleich zu anderen relativ hoch sind, erscheint uns dieser Farbton heller.

Die Aufschlüsselung der Farbe in das RGB-Farbsystem: In diesem Farbton sind von 255 maximalen Farbanteilen jeweils 236 Rot, 235 Grün und 111 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.
236 235 111 R G B
Im CMYK-Farbsystem wird die Farbe folgendermaßen zusammengesetzt: In diesem Farbton sind von 100 maximalen Farbanteilen jeweils keine Cyan, keine Magenta, 53 Gelb und 7 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% 0% 53% 7% C M Y K

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #ECEB6F zu HEX #131490


CSS-Code:

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

Radial

HEX #ECEB6F zu HEX #131490


CSS-Code:

background-image: radial-gradient(circle, #ECEB6F 9%, #131490 94%);

 

HEX #131490 zu HEX #ECEB6F


CSS-Code:

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

 

HEX #131490 zu HEX #ECEB6F


CSS-Code:

background-image: radial-gradient(circle, #131490 7%, #ECEB6F 87%);

Linear

HEX #ECEB6F zu HEX #ECC86E


CSS-Code:

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

Radial

HEX #ECEB6F zu HEX #ECC86E


CSS-Code:

background-image: radial-gradient(circle, #ECEB6F 3%, #ECC86E 95%);

 

HEX #ECC86E zu HEX #ECEB6F


CSS-Code:

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

 

HEX #ECC86E zu HEX #ECEB6F


CSS-Code:

background-image: radial-gradient(circle, #ECC86E 12%, #ECEB6F 100%);

 

HEX #ECEB6F zu HEX #ECEA6E


CSS-Code:

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

 

HEX #ECEB6F zu HEX #ECEA6E


CSS-Code:

background-image: radial-gradient(circle, #ECEB6F 10%, #ECEA6E 90%);

 

HEX #ECEA6E zu HEX #ECEB6F


CSS-Code:

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

 

HEX #ECEA6E zu HEX #ECEB6F


CSS-Code:

background-image: radial-gradient(circle, #ECEA6E 6%, #ECEB6F 86%);

 

HEX #ECEB6F zu HEX #CCEC6E


CSS-Code:

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

 

HEX #ECEB6F zu HEX #CCEC6E


CSS-Code:

background-image: radial-gradient(circle, #ECEB6F 5%, #CCEC6E 98%);

 

HEX #CCEC6E zu HEX #ECEB6F


CSS-Code:

background-image: linear-gradient(135deg, #CCEC6E 3%, #ECEB6F 89%);

 

HEX #CCEC6E zu HEX #ECEB6F


CSS-Code:

background-image: radial-gradient(circle, #CCEC6E 9%, #ECEB6F 98%);

 

HEX #ECEB6F zu HEX #ABEC6E


CSS-Code:

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

 

HEX #ECEB6F zu HEX #ABEC6E


CSS-Code:

background-image: radial-gradient(circle, #ECEB6F 2%, #ABEC6E 97%);

 

HEX #ABEC6E zu HEX #ECEB6F


CSS-Code:

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

 

HEX #ABEC6E zu HEX #ECEB6F


CSS-Code:

background-image: radial-gradient(circle, #ABEC6E 2%, #ECEB6F 98%);

Linear

HEX #ECEB6F zu HEX #E7E64A


CSS-Code:

background-image: linear-gradient(135deg, #ECEB6F 8%, #E7E64A 98%);

Radial

HEX #ECEB6F zu HEX #E7E64A


CSS-Code:

background-image: radial-gradient(circle, #ECEB6F 6%, #E7E64A 94%);

 

HEX #E7E64A zu HEX #ECEB6F


CSS-Code:

background-image: linear-gradient(135deg, #E7E64A 2%, #ECEB6F 89%);

 

HEX #E7E64A zu HEX #ECEB6F


CSS-Code:

background-image: radial-gradient(circle, #E7E64A 11%, #ECEB6F 89%);

 

HEX #ECEB6F zu HEX #ECEB6E


CSS-Code:

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

 

HEX #ECEB6F zu HEX #ECEB6E


CSS-Code:

background-image: radial-gradient(circle, #ECEB6F 7%, #ECEB6E 100%);

 

HEX #ECEB6E zu HEX #ECEB6F


CSS-Code:

background-image: linear-gradient(135deg, #ECEB6E 4%, #ECEB6F 93%);

 

HEX #ECEB6E zu HEX #ECEB6F


CSS-Code:

background-image: radial-gradient(circle, #ECEB6E 7%, #ECEB6F 88%);

 

HEX #ECEB6F zu HEX #F0F093


CSS-Code:

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

 

HEX #ECEB6F zu HEX #F0F093


CSS-Code:

background-image: radial-gradient(circle, #ECEB6F 8%, #F0F093 88%);

 

HEX #F0F093 zu HEX #ECEB6F


CSS-Code:

background-image: linear-gradient(135deg, #F0F093 3%, #ECEB6F 94%);

 

HEX #F0F093 zu HEX #ECEB6F


CSS-Code:

background-image: radial-gradient(circle, #F0F093 12%, #ECEB6F 98%);

 

HEX #ECEB6F zu HEX #F5F5B7


CSS-Code:

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

 

HEX #ECEB6F zu HEX #F5F5B7


CSS-Code:

background-image: radial-gradient(circle, #ECEB6F 4%, #F5F5B7 93%);

 

HEX #F5F5B7 zu HEX #ECEB6F


CSS-Code:

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

 

HEX #F5F5B7 zu HEX #ECEB6F


CSS-Code:

background-image: radial-gradient(circle, #F5F5B7 0%, #ECEB6F 100%);

Linear

HEX #ECEB6F zu HEX #ECC86E


CSS-Code:

background-image: linear-gradient(135deg, #ECEB6F 6%, #ECC86E 94%);

Radial

HEX #ECEB6F zu HEX #ECC86E


CSS-Code:

background-image: radial-gradient(circle, #ECEB6F 0%, #ECC86E 97%);

 

HEX #ECC86E zu HEX #ECEB6F


CSS-Code:

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

 

HEX #ECC86E zu HEX #ECEB6F


CSS-Code:

background-image: radial-gradient(circle, #ECC86E 3%, #ECEB6F 91%);

 

HEX #ECEB6F zu HEX #ECEA6E


CSS-Code:

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

 

HEX #ECEB6F zu HEX #ECEA6E


CSS-Code:

background-image: radial-gradient(circle, #ECEB6F 13%, #ECEA6E 93%);

 

HEX #ECEA6E zu HEX #ECEB6F


CSS-Code:

background-image: linear-gradient(135deg, #ECEA6E 5%, #ECEB6F 90%);

 

HEX #ECEA6E zu HEX #ECEB6F


CSS-Code:

background-image: radial-gradient(circle, #ECEA6E 1%, #ECEB6F 90%);

 

HEX #ECEB6F zu HEX #CCEC6E


CSS-Code:

background-image: linear-gradient(135deg, #ECEB6F 8%, #CCEC6E 97%);

 

HEX #ECEB6F zu HEX #CCEC6E


CSS-Code:

background-image: radial-gradient(circle, #ECEB6F 13%, #CCEC6E 98%);

 

HEX #CCEC6E zu HEX #ECEB6F


CSS-Code:

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

 

HEX #CCEC6E zu HEX #ECEB6F


CSS-Code:

background-image: radial-gradient(circle, #CCEC6E 4%, #ECEB6F 94%);

 

HEX #ECEB6F zu HEX #ABEC6E


CSS-Code:

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

 

HEX #ECEB6F zu HEX #ABEC6E


CSS-Code:

background-image: radial-gradient(circle, #ECEB6F 3%, #ABEC6E 94%);

 

HEX #ABEC6E zu HEX #ECEB6F


CSS-Code:

background-image: linear-gradient(135deg, #ABEC6E 13%, #ECEB6F 92%);

 

HEX #ABEC6E zu HEX #ECEB6F


CSS-Code:

background-image: radial-gradient(circle, #ABEC6E 11%, #ECEB6F 100%);

Linear

HEX #ECEB6F zu HEX #E7E64A


CSS-Code:

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

Radial

HEX #ECEB6F zu HEX #E7E64A


CSS-Code:

background-image: radial-gradient(circle, #ECEB6F 13%, #E7E64A 88%);

 

HEX #E7E64A zu HEX #ECEB6F


CSS-Code:

background-image: linear-gradient(135deg, #E7E64A 5%, #ECEB6F 90%);

 

HEX #E7E64A zu HEX #ECEB6F


CSS-Code:

background-image: radial-gradient(circle, #E7E64A 4%, #ECEB6F 93%);

 

HEX #ECEB6F zu HEX #ECEB6E


CSS-Code:

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

 

HEX #ECEB6F zu HEX #ECEB6E


CSS-Code:

background-image: radial-gradient(circle, #ECEB6F 7%, #ECEB6E 92%);

 

HEX #ECEB6E zu HEX #ECEB6F


CSS-Code:

background-image: linear-gradient(135deg, #ECEB6E 5%, #ECEB6F 99%);

 

HEX #ECEB6E zu HEX #ECEB6F


CSS-Code:

background-image: radial-gradient(circle, #ECEB6E 10%, #ECEB6F 96%);

 

HEX #ECEB6F zu HEX #F0F093


CSS-Code:

background-image: linear-gradient(135deg, #ECEB6F 2%, #F0F093 88%);

 

HEX #ECEB6F zu HEX #F0F093


CSS-Code:

background-image: radial-gradient(circle, #ECEB6F 6%, #F0F093 92%);

 

HEX #F0F093 zu HEX #ECEB6F


CSS-Code:

background-image: linear-gradient(135deg, #F0F093 6%, #ECEB6F 99%);

 

HEX #F0F093 zu HEX #ECEB6F


CSS-Code:

background-image: radial-gradient(circle, #F0F093 4%, #ECEB6F 91%);

 

HEX #ECEB6F zu HEX #F5F5B7


CSS-Code:

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

 

HEX #ECEB6F zu HEX #F5F5B7


CSS-Code:

background-image: radial-gradient(circle, #ECEB6F 13%, #F5F5B7 88%);

 

HEX #F5F5B7 zu HEX #ECEB6F


CSS-Code:

background-image: linear-gradient(135deg, #F5F5B7 11%, #ECEB6F 94%);

 

HEX #F5F5B7 zu HEX #ECEB6F


CSS-Code:

background-image: radial-gradient(circle, #F5F5B7 11%, #ECEB6F 89%);

Linear

HEX #ECEB6F zu HEX #6EEC85


CSS-Code:

background-image: linear-gradient(135deg, #ECEB6F 7%, #6EEC85 96%);

Radial

HEX #ECEB6F zu HEX #6EEC85


CSS-Code:

background-image: radial-gradient(circle, #ECEB6F 14%, #6EEC85 100%);

 

HEX #6EEC85 zu HEX #ECEB6F


CSS-Code:

background-image: linear-gradient(135deg, #6EEC85 10%, #ECEB6F 94%);

 

HEX #6EEC85 zu HEX #ECEB6F


CSS-Code:

background-image: radial-gradient(circle, #6EEC85 5%, #ECEB6F 95%);

 

HEX #ECEB6F zu HEX #B76EEC


CSS-Code:

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

 

HEX #ECEB6F zu HEX #B76EEC


CSS-Code:

background-image: radial-gradient(circle, #ECEB6F 9%, #B76EEC 89%);

 

HEX #B76EEC zu HEX #ECEB6F


CSS-Code:

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

 

HEX #B76EEC zu HEX #ECEB6F


CSS-Code:

background-image: radial-gradient(circle, #B76EEC 6%, #ECEB6F 94%);

Linear

HEX #ECEB6F zu HEX #6EECEA


CSS-Code:

background-image: linear-gradient(135deg, #ECEB6F 9%, #6EECEA 91%);

Radial

HEX #ECEB6F zu HEX #6EECEA


CSS-Code:

background-image: radial-gradient(circle, #ECEB6F 3%, #6EECEA 96%);

 

HEX #6EECEA zu HEX #ECEB6F


CSS-Code:

background-image: linear-gradient(135deg, #6EECEA 6%, #ECEB6F 91%);

 

HEX #6EECEA zu HEX #ECEB6F


CSS-Code:

background-image: radial-gradient(circle, #6EECEA 8%, #ECEB6F 87%);

 

HEX #ECEB6F zu HEX #EA6EEC


CSS-Code:

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

 

HEX #ECEB6F zu HEX #EA6EEC


CSS-Code:

background-image: radial-gradient(circle, #ECEB6F 13%, #EA6EEC 86%);

 

HEX #EA6EEC zu HEX #ECEB6F


CSS-Code:

background-image: linear-gradient(135deg, #EA6EEC 9%, #ECEB6F 90%);

 

HEX #EA6EEC zu HEX #ECEB6F


CSS-Code:

background-image: radial-gradient(circle, #EA6EEC 0%, #ECEB6F 87%);

Linear

HEX #ECEB6F zu HEX #6EEC85


CSS-Code:

background-image: linear-gradient(135deg, #ECEB6F 3%, #6EEC85 93%);

Radial

HEX #ECEB6F zu HEX #6EEC85


CSS-Code:

background-image: radial-gradient(circle, #ECEB6F 6%, #6EEC85 96%);

 

HEX #6EEC85 zu HEX #ECEB6F


CSS-Code:

background-image: linear-gradient(135deg, #6EEC85 3%, #ECEB6F 90%);

 

HEX #6EEC85 zu HEX #ECEB6F


CSS-Code:

background-image: radial-gradient(circle, #6EEC85 14%, #ECEB6F 97%);

 

HEX #ECEB6F zu HEX #6E70EC


CSS-Code:

background-image: linear-gradient(135deg, #ECEB6F 0%, #6E70EC 94%);

 

HEX #ECEB6F zu HEX #6E70EC


CSS-Code:

background-image: radial-gradient(circle, #ECEB6F 1%, #6E70EC 89%);

 

HEX #6E70EC zu HEX #ECEB6F


CSS-Code:

background-image: linear-gradient(135deg, #6E70EC 9%, #ECEB6F 87%);

 

HEX #6E70EC zu HEX #ECEB6F


CSS-Code:

background-image: radial-gradient(circle, #6E70EC 3%, #ECEB6F 95%);

 

HEX #ECEB6F zu HEX #EC6ED5


CSS-Code:

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

 

HEX #ECEB6F zu HEX #EC6ED5


CSS-Code:

background-image: radial-gradient(circle, #ECEB6F 3%, #EC6ED5 95%);

 

HEX #EC6ED5 zu HEX #ECEB6F


CSS-Code:

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

 

HEX #EC6ED5 zu HEX #ECEB6F


CSS-Code:

background-image: radial-gradient(circle, #EC6ED5 0%, #ECEB6F 92%);

Linear

HEX #ECEB6F zu HEX #6EECAB


CSS-Code:

background-image: linear-gradient(135deg, #ECEB6F 1%, #6EECAB 86%);

Radial

HEX #ECEB6F zu HEX #6EECAB


CSS-Code:

background-image: radial-gradient(circle, #ECEB6F 12%, #6EECAB 98%);

 

HEX #6EECAB zu HEX #ECEB6F


CSS-Code:

background-image: linear-gradient(135deg, #6EECAB 0%, #ECEB6F 93%);

 

HEX #6EECAB zu HEX #ECEB6F


CSS-Code:

background-image: radial-gradient(circle, #6EECAB 0%, #ECEB6F 89%);

 

HEX #ECEB6F zu HEX #6E70EC


CSS-Code:

background-image: linear-gradient(135deg, #ECEB6F 6%, #6E70EC 95%);

 

HEX #ECEB6F zu HEX #6E70EC


CSS-Code:

background-image: radial-gradient(circle, #ECEB6F 5%, #6E70EC 97%);

 

HEX #6E70EC zu HEX #ECEB6F


CSS-Code:

background-image: linear-gradient(135deg, #6E70EC 1%, #ECEB6F 90%);

 

HEX #6E70EC zu HEX #ECEB6F


CSS-Code:

background-image: radial-gradient(circle, #6E70EC 3%, #ECEB6F 91%);

 

HEX #ECEB6F zu HEX #EC6EAF


CSS-Code:

background-image: linear-gradient(135deg, #ECEB6F 14%, #EC6EAF 99%);

 

HEX #ECEB6F zu HEX #EC6EAF


CSS-Code:

background-image: radial-gradient(circle, #ECEB6F 8%, #EC6EAF 99%);

 

HEX #EC6EAF zu HEX #ECEB6F


CSS-Code:

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

 

HEX #EC6EAF zu HEX #ECEB6F


CSS-Code:

background-image: radial-gradient(circle, #EC6EAF 12%, #ECEB6F 95%);

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

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 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 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 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 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 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 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 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)

NCS® in Sherwin Williams®

umrechnen von NCS-Nummer (S0000-X00X) zu Sherwin Williams®-Nummer (SW 0000)

Codes

Um Farbpaletten speichern zu können, musst Du angemeldet sein.

Bei deinem Konto anmelden

oder

Erstelle ein Konto

Aktuelle Farbpalette teilen
Soll sie öffentlich oder privat sein?
Link(s) folgen nach dem Teilen.

Abbrechen Teilen

Farbpalette geteilt
Bitte kopiere und speichere dir den gewünschten Link.

Teilen

OK, ich habe die Links kopiert

Deine Farben werden in einer neuen Farbpalette gespeichert.
Sehe sie dir unter deinem Profil an.
Du kannst sie weiter anpassen, und teilen.

Farbpalette anzeigen
Schließen

Erstelle eine Farbpalette

HerunterladenHerunterladen in verschiedenen Formaten

Alle Entfernen

Durch Klicken auf kannst du Paletten erstellen und die Farbfelder herunterladen.