Nothing Special   »   [go: up one dir, main page]

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

CSS Gradienten:
#2E2688

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 gering sind, erscheint uns dieser Farbton dunkler.

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

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #2E2688 zu HEX #D1D977


CSS-Code:

background-image: linear-gradient(135deg, #2E2688 7%, #D1D977 100%);

Radial

HEX #2E2688 zu HEX #D1D977


CSS-Code:

background-image: radial-gradient(circle, #2E2688 9%, #D1D977 91%);

 

HEX #D1D977 zu HEX #2E2688


CSS-Code:

background-image: linear-gradient(135deg, #D1D977 12%, #2E2688 95%);

 

HEX #D1D977 zu HEX #2E2688


CSS-Code:

background-image: radial-gradient(circle, #D1D977 7%, #2E2688 88%);

Linear

HEX #2E2688 zu HEX #263987


CSS-Code:

background-image: linear-gradient(135deg, #2E2688 5%, #263987 90%);

Radial

HEX #2E2688 zu HEX #263987


CSS-Code:

background-image: radial-gradient(circle, #2E2688 5%, #263987 100%);

 

HEX #263987 zu HEX #2E2688


CSS-Code:

background-image: linear-gradient(135deg, #263987 4%, #2E2688 87%);

 

HEX #263987 zu HEX #2E2688


CSS-Code:

background-image: radial-gradient(circle, #263987 4%, #2E2688 99%);

 

HEX #2E2688 zu HEX #2C2687


CSS-Code:

background-image: linear-gradient(135deg, #2E2688 1%, #2C2687 91%);

 

HEX #2E2688 zu HEX #2C2687


CSS-Code:

background-image: radial-gradient(circle, #2E2688 10%, #2C2687 95%);

 

HEX #2C2687 zu HEX #2E2688


CSS-Code:

background-image: linear-gradient(135deg, #2C2687 10%, #2E2688 98%);

 

HEX #2C2687 zu HEX #2E2688


CSS-Code:

background-image: radial-gradient(circle, #2C2687 8%, #2E2688 87%);

 

HEX #2E2688 zu HEX #462687


CSS-Code:

background-image: linear-gradient(135deg, #2E2688 11%, #462687 91%);

 

HEX #2E2688 zu HEX #462687


CSS-Code:

background-image: radial-gradient(circle, #2E2688 9%, #462687 93%);

 

HEX #462687 zu HEX #2E2688


CSS-Code:

background-image: linear-gradient(135deg, #462687 0%, #2E2688 86%);

 

HEX #462687 zu HEX #2E2688


CSS-Code:

background-image: radial-gradient(circle, #462687 3%, #2E2688 94%);

 

HEX #2E2688 zu HEX #602687


CSS-Code:

background-image: linear-gradient(135deg, #2E2688 3%, #602687 96%);

 

HEX #2E2688 zu HEX #602687


CSS-Code:

background-image: radial-gradient(circle, #2E2688 7%, #602687 92%);

 

HEX #602687 zu HEX #2E2688


CSS-Code:

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

 

HEX #602687 zu HEX #2E2688


CSS-Code:

background-image: radial-gradient(circle, #602687 2%, #2E2688 87%);

Linear

HEX #2E2688 zu HEX #231D67


CSS-Code:

background-image: linear-gradient(135deg, #2E2688 4%, #231D67 94%);

Radial

HEX #2E2688 zu HEX #231D67


CSS-Code:

background-image: radial-gradient(circle, #2E2688 5%, #231D67 90%);

 

HEX #231D67 zu HEX #2E2688


CSS-Code:

background-image: linear-gradient(135deg, #231D67 11%, #2E2688 93%);

 

HEX #231D67 zu HEX #2E2688


CSS-Code:

background-image: radial-gradient(circle, #231D67 12%, #2E2688 92%);

 

HEX #2E2688 zu HEX #2E2687


CSS-Code:

background-image: linear-gradient(135deg, #2E2688 10%, #2E2687 100%);

 

HEX #2E2688 zu HEX #2E2687


CSS-Code:

background-image: radial-gradient(circle, #2E2688 10%, #2E2687 89%);

 

HEX #2E2687 zu HEX #2E2688


CSS-Code:

background-image: linear-gradient(135deg, #2E2687 0%, #2E2688 98%);

 

HEX #2E2687 zu HEX #2E2688


CSS-Code:

background-image: radial-gradient(circle, #2E2687 6%, #2E2688 93%);

 

HEX #2E2688 zu HEX #392FA7


CSS-Code:

background-image: linear-gradient(135deg, #2E2688 0%, #392FA7 87%);

 

HEX #2E2688 zu HEX #392FA7


CSS-Code:

background-image: radial-gradient(circle, #2E2688 8%, #392FA7 97%);

 

HEX #392FA7 zu HEX #2E2688


CSS-Code:

background-image: linear-gradient(135deg, #392FA7 3%, #2E2688 93%);

 

HEX #392FA7 zu HEX #2E2688


CSS-Code:

background-image: radial-gradient(circle, #392FA7 3%, #2E2688 99%);

 

HEX #2E2688 zu HEX #4438C7


CSS-Code:

background-image: linear-gradient(135deg, #2E2688 13%, #4438C7 98%);

 

HEX #2E2688 zu HEX #4438C7


CSS-Code:

background-image: radial-gradient(circle, #2E2688 1%, #4438C7 95%);

 

HEX #4438C7 zu HEX #2E2688


CSS-Code:

background-image: linear-gradient(135deg, #4438C7 9%, #2E2688 99%);

 

HEX #4438C7 zu HEX #2E2688


CSS-Code:

background-image: radial-gradient(circle, #4438C7 8%, #2E2688 87%);

Linear

HEX #2E2688 zu HEX #263987


CSS-Code:

background-image: linear-gradient(135deg, #2E2688 5%, #263987 92%);

Radial

HEX #2E2688 zu HEX #263987


CSS-Code:

background-image: radial-gradient(circle, #2E2688 8%, #263987 90%);

 

HEX #263987 zu HEX #2E2688


CSS-Code:

background-image: linear-gradient(135deg, #263987 3%, #2E2688 91%);

 

HEX #263987 zu HEX #2E2688


CSS-Code:

background-image: radial-gradient(circle, #263987 8%, #2E2688 99%);

 

HEX #2E2688 zu HEX #2C2687


CSS-Code:

background-image: linear-gradient(135deg, #2E2688 11%, #2C2687 99%);

 

HEX #2E2688 zu HEX #2C2687


CSS-Code:

background-image: radial-gradient(circle, #2E2688 12%, #2C2687 90%);

 

HEX #2C2687 zu HEX #2E2688


CSS-Code:

background-image: linear-gradient(135deg, #2C2687 6%, #2E2688 90%);

 

HEX #2C2687 zu HEX #2E2688


CSS-Code:

background-image: radial-gradient(circle, #2C2687 13%, #2E2688 88%);

 

HEX #2E2688 zu HEX #462687


CSS-Code:

background-image: linear-gradient(135deg, #2E2688 3%, #462687 98%);

 

HEX #2E2688 zu HEX #462687


CSS-Code:

background-image: radial-gradient(circle, #2E2688 5%, #462687 87%);

 

HEX #462687 zu HEX #2E2688


CSS-Code:

background-image: linear-gradient(135deg, #462687 4%, #2E2688 88%);

 

HEX #462687 zu HEX #2E2688


CSS-Code:

background-image: radial-gradient(circle, #462687 0%, #2E2688 86%);

 

HEX #2E2688 zu HEX #602687


CSS-Code:

background-image: linear-gradient(135deg, #2E2688 13%, #602687 100%);

 

HEX #2E2688 zu HEX #602687


CSS-Code:

background-image: radial-gradient(circle, #2E2688 4%, #602687 86%);

 

HEX #602687 zu HEX #2E2688


CSS-Code:

background-image: linear-gradient(135deg, #602687 3%, #2E2688 90%);

 

HEX #602687 zu HEX #2E2688


CSS-Code:

background-image: radial-gradient(circle, #602687 1%, #2E2688 89%);

Linear

HEX #2E2688 zu HEX #231D67


CSS-Code:

background-image: linear-gradient(135deg, #2E2688 14%, #231D67 100%);

Radial

HEX #2E2688 zu HEX #231D67


CSS-Code:

background-image: radial-gradient(circle, #2E2688 6%, #231D67 88%);

 

HEX #231D67 zu HEX #2E2688


CSS-Code:

background-image: linear-gradient(135deg, #231D67 8%, #2E2688 94%);

 

HEX #231D67 zu HEX #2E2688


CSS-Code:

background-image: radial-gradient(circle, #231D67 13%, #2E2688 97%);

 

HEX #2E2688 zu HEX #2E2687


CSS-Code:

background-image: linear-gradient(135deg, #2E2688 13%, #2E2687 92%);

 

HEX #2E2688 zu HEX #2E2687


CSS-Code:

background-image: radial-gradient(circle, #2E2688 9%, #2E2687 91%);

 

HEX #2E2687 zu HEX #2E2688


CSS-Code:

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

 

HEX #2E2687 zu HEX #2E2688


CSS-Code:

background-image: radial-gradient(circle, #2E2687 6%, #2E2688 98%);

 

HEX #2E2688 zu HEX #392FA7


CSS-Code:

background-image: linear-gradient(135deg, #2E2688 4%, #392FA7 90%);

 

HEX #2E2688 zu HEX #392FA7


CSS-Code:

background-image: radial-gradient(circle, #2E2688 0%, #392FA7 89%);

 

HEX #392FA7 zu HEX #2E2688


CSS-Code:

background-image: linear-gradient(135deg, #392FA7 13%, #2E2688 95%);

 

HEX #392FA7 zu HEX #2E2688


CSS-Code:

background-image: radial-gradient(circle, #392FA7 9%, #2E2688 89%);

 

HEX #2E2688 zu HEX #4438C7


CSS-Code:

background-image: linear-gradient(135deg, #2E2688 10%, #4438C7 100%);

 

HEX #2E2688 zu HEX #4438C7


CSS-Code:

background-image: radial-gradient(circle, #2E2688 1%, #4438C7 92%);

 

HEX #4438C7 zu HEX #2E2688


CSS-Code:

background-image: linear-gradient(135deg, #4438C7 9%, #2E2688 92%);

 

HEX #4438C7 zu HEX #2E2688


CSS-Code:

background-image: radial-gradient(circle, #4438C7 10%, #2E2688 95%);

Linear

HEX #2E2688 zu HEX #87266D


CSS-Code:

background-image: linear-gradient(135deg, #2E2688 3%, #87266D 95%);

Radial

HEX #2E2688 zu HEX #87266D


CSS-Code:

background-image: radial-gradient(circle, #2E2688 13%, #87266D 94%);

 

HEX #87266D zu HEX #2E2688


CSS-Code:

background-image: linear-gradient(135deg, #87266D 14%, #2E2688 87%);

 

HEX #87266D zu HEX #2E2688


CSS-Code:

background-image: radial-gradient(circle, #87266D 4%, #2E2688 88%);

 

HEX #2E2688 zu HEX #468726


CSS-Code:

background-image: linear-gradient(135deg, #2E2688 13%, #468726 99%);

 

HEX #2E2688 zu HEX #468726


CSS-Code:

background-image: radial-gradient(circle, #2E2688 6%, #468726 86%);

 

HEX #468726 zu HEX #2E2688


CSS-Code:

background-image: linear-gradient(135deg, #468726 13%, #2E2688 95%);

 

HEX #468726 zu HEX #2E2688


CSS-Code:

background-image: radial-gradient(circle, #468726 5%, #2E2688 87%);

Linear

HEX #2E2688 zu HEX #872C26


CSS-Code:

background-image: linear-gradient(135deg, #2E2688 10%, #872C26 88%);

Radial

HEX #2E2688 zu HEX #872C26


CSS-Code:

background-image: radial-gradient(circle, #2E2688 7%, #872C26 87%);

 

HEX #872C26 zu HEX #2E2688


CSS-Code:

background-image: linear-gradient(135deg, #872C26 7%, #2E2688 87%);

 

HEX #872C26 zu HEX #2E2688


CSS-Code:

background-image: radial-gradient(circle, #872C26 8%, #2E2688 93%);

 

HEX #2E2688 zu HEX #26872C


CSS-Code:

background-image: linear-gradient(135deg, #2E2688 4%, #26872C 91%);

 

HEX #2E2688 zu HEX #26872C


CSS-Code:

background-image: radial-gradient(circle, #2E2688 5%, #26872C 91%);

 

HEX #26872C zu HEX #2E2688


CSS-Code:

background-image: linear-gradient(135deg, #26872C 2%, #2E2688 99%);

 

HEX #26872C zu HEX #2E2688


CSS-Code:

background-image: radial-gradient(circle, #26872C 1%, #2E2688 87%);

Linear

HEX #2E2688 zu HEX #87266D


CSS-Code:

background-image: linear-gradient(135deg, #2E2688 14%, #87266D 93%);

Radial

HEX #2E2688 zu HEX #87266D


CSS-Code:

background-image: radial-gradient(circle, #2E2688 11%, #87266D 100%);

 

HEX #87266D zu HEX #2E2688


CSS-Code:

background-image: linear-gradient(135deg, #87266D 9%, #2E2688 100%);

 

HEX #87266D zu HEX #2E2688


CSS-Code:

background-image: radial-gradient(circle, #87266D 6%, #2E2688 99%);

 

HEX #2E2688 zu HEX #808726


CSS-Code:

background-image: linear-gradient(135deg, #2E2688 10%, #808726 100%);

 

HEX #2E2688 zu HEX #808726


CSS-Code:

background-image: radial-gradient(circle, #2E2688 8%, #808726 99%);

 

HEX #808726 zu HEX #2E2688


CSS-Code:

background-image: linear-gradient(135deg, #808726 14%, #2E2688 99%);

 

HEX #808726 zu HEX #2E2688


CSS-Code:

background-image: radial-gradient(circle, #808726 1%, #2E2688 91%);

 

HEX #2E2688 zu HEX #268740


CSS-Code:

background-image: linear-gradient(135deg, #2E2688 1%, #268740 100%);

 

HEX #2E2688 zu HEX #268740


CSS-Code:

background-image: radial-gradient(circle, #2E2688 12%, #268740 89%);

 

HEX #268740 zu HEX #2E2688


CSS-Code:

background-image: linear-gradient(135deg, #268740 14%, #2E2688 89%);

 

HEX #268740 zu HEX #2E2688


CSS-Code:

background-image: radial-gradient(circle, #268740 13%, #2E2688 92%);

Linear

HEX #2E2688 zu HEX #872650


CSS-Code:

background-image: linear-gradient(135deg, #2E2688 7%, #872650 94%);

Radial

HEX #2E2688 zu HEX #872650


CSS-Code:

background-image: radial-gradient(circle, #2E2688 13%, #872650 87%);

 

HEX #872650 zu HEX #2E2688


CSS-Code:

background-image: linear-gradient(135deg, #872650 14%, #2E2688 99%);

 

HEX #872650 zu HEX #2E2688


CSS-Code:

background-image: radial-gradient(circle, #872650 8%, #2E2688 87%);

 

HEX #2E2688 zu HEX #808726


CSS-Code:

background-image: linear-gradient(135deg, #2E2688 12%, #808726 98%);

 

HEX #2E2688 zu HEX #808726


CSS-Code:

background-image: radial-gradient(circle, #2E2688 8%, #808726 94%);

 

HEX #808726 zu HEX #2E2688


CSS-Code:

background-image: linear-gradient(135deg, #808726 0%, #2E2688 97%);

 

HEX #808726 zu HEX #2E2688


CSS-Code:

background-image: radial-gradient(circle, #808726 7%, #2E2688 95%);

 

HEX #2E2688 zu HEX #26875D


CSS-Code:

background-image: linear-gradient(135deg, #2E2688 13%, #26875D 91%);

 

HEX #2E2688 zu HEX #26875D


CSS-Code:

background-image: radial-gradient(circle, #2E2688 1%, #26875D 95%);

 

HEX #26875D zu HEX #2E2688


CSS-Code:

background-image: linear-gradient(135deg, #26875D 9%, #2E2688 91%);

 

HEX #26875D zu HEX #2E2688


CSS-Code:

background-image: radial-gradient(circle, #26875D 8%, #2E2688 87%);

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, you must be logged in.

Sign 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 link you want.

Share

OK, I have copied the links

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

Show color palette
Close

Create a color palette

DownloadDownload in different formats

Remove All

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