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

CSS Gradienten:
#6518AF

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

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #6518AF zu HEX #9AE750


CSS-Code:

background-image: linear-gradient(135deg, #6518AF 1%, #9AE750 95%);

Radial

HEX #6518AF zu HEX #9AE750


CSS-Code:

background-image: radial-gradient(circle, #6518AF 3%, #9AE750 94%);

 

HEX #9AE750 zu HEX #6518AF


CSS-Code:

background-image: linear-gradient(135deg, #9AE750 4%, #6518AF 87%);

 

HEX #9AE750 zu HEX #6518AF


CSS-Code:

background-image: radial-gradient(circle, #9AE750 14%, #6518AF 94%);

Linear

HEX #6518AF zu HEX #7B2ABD


CSS-Code:

background-image: linear-gradient(135deg, #6518AF 3%, #7B2ABD 87%);

Radial

HEX #6518AF zu HEX #7B2ABD


CSS-Code:

background-image: radial-gradient(circle, #6518AF 7%, #7B2ABD 97%);

 

HEX #7B2ABD zu HEX #6518AF


CSS-Code:

background-image: linear-gradient(135deg, #7B2ABD 9%, #6518AF 88%);

 

HEX #7B2ABD zu HEX #6518AF


CSS-Code:

background-image: radial-gradient(circle, #7B2ABD 8%, #6518AF 90%);

 

HEX #6518AF zu HEX #8C3CD0


CSS-Code:

background-image: linear-gradient(135deg, #6518AF 2%, #8C3CD0 91%);

 

HEX #6518AF zu HEX #8C3CD0


CSS-Code:

background-image: radial-gradient(circle, #6518AF 0%, #8C3CD0 88%);

 

HEX #8C3CD0 zu HEX #6518AF


CSS-Code:

background-image: linear-gradient(135deg, #8C3CD0 11%, #6518AF 87%);

 

HEX #8C3CD0 zu HEX #6518AF


CSS-Code:

background-image: radial-gradient(circle, #8C3CD0 0%, #6518AF 88%);

 

HEX #6518AF zu HEX #9D4EE3


CSS-Code:

background-image: linear-gradient(135deg, #6518AF 4%, #9D4EE3 95%);

 

HEX #6518AF zu HEX #9D4EE3


CSS-Code:

background-image: radial-gradient(circle, #6518AF 14%, #9D4EE3 97%);

 

HEX #9D4EE3 zu HEX #6518AF


CSS-Code:

background-image: linear-gradient(135deg, #9D4EE3 14%, #6518AF 93%);

 

HEX #9D4EE3 zu HEX #6518AF


CSS-Code:

background-image: radial-gradient(circle, #9D4EE3 2%, #6518AF 90%);

 

HEX #6518AF zu HEX #AE60F6


CSS-Code:

background-image: linear-gradient(135deg, #6518AF 3%, #AE60F6 95%);

 

HEX #6518AF zu HEX #AE60F6


CSS-Code:

background-image: radial-gradient(circle, #6518AF 8%, #AE60F6 99%);

 

HEX #AE60F6 zu HEX #6518AF


CSS-Code:

background-image: linear-gradient(135deg, #AE60F6 6%, #6518AF 92%);

 

HEX #AE60F6 zu HEX #6518AF


CSS-Code:

background-image: radial-gradient(circle, #AE60F6 14%, #6518AF 88%);

Linear

HEX #6518AF zu HEX #54069C


CSS-Code:

background-image: linear-gradient(135deg, #6518AF 0%, #54069C 93%);

Radial

HEX #6518AF zu HEX #54069C


CSS-Code:

background-image: radial-gradient(circle, #6518AF 11%, #54069C 90%);

 

HEX #54069C zu HEX #6518AF


CSS-Code:

background-image: linear-gradient(135deg, #54069C 14%, #6518AF 88%);

 

HEX #54069C zu HEX #6518AF


CSS-Code:

background-image: radial-gradient(circle, #54069C 5%, #6518AF 87%);

 

HEX #6518AF zu HEX #430089


CSS-Code:

background-image: linear-gradient(135deg, #6518AF 0%, #430089 100%);

 

HEX #6518AF zu HEX #430089


CSS-Code:

background-image: radial-gradient(circle, #6518AF 9%, #430089 100%);

 

HEX #430089 zu HEX #6518AF


CSS-Code:

background-image: linear-gradient(135deg, #430089 2%, #6518AF 95%);

 

HEX #430089 zu HEX #6518AF


CSS-Code:

background-image: radial-gradient(circle, #430089 13%, #6518AF 98%);

 

HEX #6518AF zu HEX #320076


CSS-Code:

background-image: linear-gradient(135deg, #6518AF 8%, #320076 92%);

 

HEX #6518AF zu HEX #320076


CSS-Code:

background-image: radial-gradient(circle, #6518AF 9%, #320076 95%);

 

HEX #320076 zu HEX #6518AF


CSS-Code:

background-image: linear-gradient(135deg, #320076 13%, #6518AF 93%);

 

HEX #320076 zu HEX #6518AF


CSS-Code:

background-image: radial-gradient(circle, #320076 2%, #6518AF 92%);

 

HEX #6518AF zu HEX #210063


CSS-Code:

background-image: linear-gradient(135deg, #6518AF 0%, #210063 91%);

 

HEX #6518AF zu HEX #210063


CSS-Code:

background-image: radial-gradient(circle, #6518AF 8%, #210063 91%);

 

HEX #210063 zu HEX #6518AF


CSS-Code:

background-image: linear-gradient(135deg, #210063 14%, #6518AF 91%);

 

HEX #210063 zu HEX #6518AF


CSS-Code:

background-image: radial-gradient(circle, #210063 11%, #6518AF 92%);

Linear

HEX #6518AF zu HEX #7C17AF


CSS-Code:

background-image: linear-gradient(135deg, #6518AF 0%, #7C17AF 92%);

Radial

HEX #6518AF zu HEX #7C17AF


CSS-Code:

background-image: radial-gradient(circle, #6518AF 5%, #7C17AF 93%);

 

HEX #7C17AF zu HEX #6518AF


CSS-Code:

background-image: linear-gradient(135deg, #7C17AF 9%, #6518AF 99%);

 

HEX #7C17AF zu HEX #6518AF


CSS-Code:

background-image: radial-gradient(circle, #7C17AF 11%, #6518AF 96%);

 

HEX #6518AF zu HEX #9517AF


CSS-Code:

background-image: linear-gradient(135deg, #6518AF 11%, #9517AF 99%);

 

HEX #6518AF zu HEX #9517AF


CSS-Code:

background-image: radial-gradient(circle, #6518AF 7%, #9517AF 98%);

 

HEX #9517AF zu HEX #6518AF


CSS-Code:

background-image: linear-gradient(135deg, #9517AF 7%, #6518AF 87%);

 

HEX #9517AF zu HEX #6518AF


CSS-Code:

background-image: radial-gradient(circle, #9517AF 14%, #6518AF 100%);

 

HEX #6518AF zu HEX #AF17AF


CSS-Code:

background-image: linear-gradient(135deg, #6518AF 8%, #AF17AF 99%);

 

HEX #6518AF zu HEX #AF17AF


CSS-Code:

background-image: radial-gradient(circle, #6518AF 1%, #AF17AF 89%);

 

HEX #AF17AF zu HEX #6518AF


CSS-Code:

background-image: linear-gradient(135deg, #AF17AF 3%, #6518AF 97%);

 

HEX #AF17AF zu HEX #6518AF


CSS-Code:

background-image: radial-gradient(circle, #AF17AF 1%, #6518AF 91%);

 

HEX #6518AF zu HEX #AF1795


CSS-Code:

background-image: linear-gradient(135deg, #6518AF 9%, #AF1795 90%);

 

HEX #6518AF zu HEX #AF1795


CSS-Code:

background-image: radial-gradient(circle, #6518AF 12%, #AF1795 90%);

 

HEX #AF1795 zu HEX #6518AF


CSS-Code:

background-image: linear-gradient(135deg, #AF1795 5%, #6518AF 90%);

 

HEX #AF1795 zu HEX #6518AF


CSS-Code:

background-image: radial-gradient(circle, #AF1795 14%, #6518AF 98%);

Linear

HEX #6518AF zu HEX #821FE2


CSS-Code:

background-image: linear-gradient(135deg, #6518AF 0%, #821FE2 96%);

Radial

HEX #6518AF zu HEX #821FE2


CSS-Code:

background-image: radial-gradient(circle, #6518AF 7%, #821FE2 89%);

 

HEX #821FE2 zu HEX #6518AF


CSS-Code:

background-image: linear-gradient(135deg, #821FE2 5%, #6518AF 98%);

 

HEX #821FE2 zu HEX #6518AF


CSS-Code:

background-image: radial-gradient(circle, #821FE2 6%, #6518AF 90%);

 

HEX #6518AF zu HEX #0D0316


CSS-Code:

background-image: linear-gradient(135deg, #6518AF 4%, #0D0316 88%);

 

HEX #6518AF zu HEX #0D0316


CSS-Code:

background-image: radial-gradient(circle, #6518AF 8%, #0D0316 90%);

 

HEX #0D0316 zu HEX #6518AF


CSS-Code:

background-image: linear-gradient(135deg, #0D0316 4%, #6518AF 86%);

 

HEX #0D0316 zu HEX #6518AF


CSS-Code:

background-image: radial-gradient(circle, #0D0316 7%, #6518AF 98%);

 

HEX #6518AF zu HEX #2A0A49


CSS-Code:

background-image: linear-gradient(135deg, #6518AF 10%, #2A0A49 95%);

 

HEX #6518AF zu HEX #2A0A49


CSS-Code:

background-image: radial-gradient(circle, #6518AF 7%, #2A0A49 95%);

 

HEX #2A0A49 zu HEX #6518AF


CSS-Code:

background-image: linear-gradient(135deg, #2A0A49 3%, #6518AF 96%);

 

HEX #2A0A49 zu HEX #6518AF


CSS-Code:

background-image: radial-gradient(circle, #2A0A49 1%, #6518AF 86%);

 

HEX #6518AF zu HEX #48117C


CSS-Code:

background-image: linear-gradient(135deg, #6518AF 6%, #48117C 90%);

 

HEX #6518AF zu HEX #48117C


CSS-Code:

background-image: radial-gradient(circle, #6518AF 1%, #48117C 89%);

 

HEX #48117C zu HEX #6518AF


CSS-Code:

background-image: linear-gradient(135deg, #48117C 1%, #6518AF 98%);

 

HEX #48117C zu HEX #6518AF


CSS-Code:

background-image: radial-gradient(circle, #48117C 14%, #6518AF 94%);

Linear

HEX #6518AF zu HEX #AF1745


CSS-Code:

background-image: linear-gradient(135deg, #6518AF 3%, #AF1745 94%);

Radial

HEX #6518AF zu HEX #AF1745


CSS-Code:

background-image: radial-gradient(circle, #6518AF 11%, #AF1745 100%);

 

HEX #AF1745 zu HEX #6518AF


CSS-Code:

background-image: linear-gradient(135deg, #AF1745 7%, #6518AF 88%);

 

HEX #AF1745 zu HEX #6518AF


CSS-Code:

background-image: radial-gradient(circle, #AF1745 12%, #6518AF 90%);

 

HEX #6518AF zu HEX #17AF26


CSS-Code:

background-image: linear-gradient(135deg, #6518AF 11%, #17AF26 90%);

 

HEX #6518AF zu HEX #17AF26


CSS-Code:

background-image: radial-gradient(circle, #6518AF 8%, #17AF26 90%);

 

HEX #17AF26 zu HEX #6518AF


CSS-Code:

background-image: linear-gradient(135deg, #17AF26 2%, #6518AF 87%);

 

HEX #17AF26 zu HEX #6518AF


CSS-Code:

background-image: radial-gradient(circle, #17AF26 4%, #6518AF 100%);

Linear

HEX #6518AF zu HEX #AF6317


CSS-Code:

background-image: linear-gradient(135deg, #6518AF 4%, #AF6317 90%);

Radial

HEX #6518AF zu HEX #AF6317


CSS-Code:

background-image: radial-gradient(circle, #6518AF 4%, #AF6317 98%);

 

HEX #AF6317 zu HEX #6518AF


CSS-Code:

background-image: linear-gradient(135deg, #AF6317 10%, #6518AF 98%);

 

HEX #AF6317 zu HEX #6518AF


CSS-Code:

background-image: radial-gradient(circle, #AF6317 3%, #6518AF 97%);

 

HEX #6518AF zu HEX #17AF63


CSS-Code:

background-image: linear-gradient(135deg, #6518AF 13%, #17AF63 91%);

 

HEX #6518AF zu HEX #17AF63


CSS-Code:

background-image: radial-gradient(circle, #6518AF 5%, #17AF63 93%);

 

HEX #17AF63 zu HEX #6518AF


CSS-Code:

background-image: linear-gradient(135deg, #17AF63 0%, #6518AF 91%);

 

HEX #17AF63 zu HEX #6518AF


CSS-Code:

background-image: radial-gradient(circle, #17AF63 13%, #6518AF 91%);

Linear

HEX #6518AF zu HEX #AF1745


CSS-Code:

background-image: linear-gradient(135deg, #6518AF 13%, #AF1745 95%);

Radial

HEX #6518AF zu HEX #AF1745


CSS-Code:

background-image: radial-gradient(circle, #6518AF 4%, #AF1745 93%);

 

HEX #AF1745 zu HEX #6518AF


CSS-Code:

background-image: linear-gradient(135deg, #AF1745 3%, #6518AF 86%);

 

HEX #AF1745 zu HEX #6518AF


CSS-Code:

background-image: radial-gradient(circle, #AF1745 0%, #6518AF 100%);

 

HEX #6518AF zu HEX #63AF17


CSS-Code:

background-image: linear-gradient(135deg, #6518AF 5%, #63AF17 97%);

 

HEX #6518AF zu HEX #63AF17


CSS-Code:

background-image: radial-gradient(circle, #6518AF 5%, #63AF17 90%);

 

HEX #63AF17 zu HEX #6518AF


CSS-Code:

background-image: linear-gradient(135deg, #63AF17 11%, #6518AF 86%);

 

HEX #63AF17 zu HEX #6518AF


CSS-Code:

background-image: radial-gradient(circle, #63AF17 6%, #6518AF 92%);

 

HEX #6518AF zu HEX #17AF81


CSS-Code:

background-image: linear-gradient(135deg, #6518AF 11%, #17AF81 88%);

 

HEX #6518AF zu HEX #17AF81


CSS-Code:

background-image: radial-gradient(circle, #6518AF 7%, #17AF81 94%);

 

HEX #17AF81 zu HEX #6518AF


CSS-Code:

background-image: linear-gradient(135deg, #17AF81 8%, #6518AF 92%);

 

HEX #17AF81 zu HEX #6518AF


CSS-Code:

background-image: radial-gradient(circle, #17AF81 10%, #6518AF 99%);

Linear

HEX #6518AF zu HEX #AF1717


CSS-Code:

background-image: linear-gradient(135deg, #6518AF 7%, #AF1717 89%);

Radial

HEX #6518AF zu HEX #AF1717


CSS-Code:

background-image: radial-gradient(circle, #6518AF 5%, #AF1717 95%);

 

HEX #AF1717 zu HEX #6518AF


CSS-Code:

background-image: linear-gradient(135deg, #AF1717 2%, #6518AF 89%);

 

HEX #AF1717 zu HEX #6518AF


CSS-Code:

background-image: radial-gradient(circle, #AF1717 11%, #6518AF 93%);

 

HEX #6518AF zu HEX #63AF17


CSS-Code:

background-image: linear-gradient(135deg, #6518AF 12%, #63AF17 98%);

 

HEX #6518AF zu HEX #63AF17


CSS-Code:

background-image: radial-gradient(circle, #6518AF 14%, #63AF17 91%);

 

HEX #63AF17 zu HEX #6518AF


CSS-Code:

background-image: linear-gradient(135deg, #63AF17 2%, #6518AF 100%);

 

HEX #63AF17 zu HEX #6518AF


CSS-Code:

background-image: radial-gradient(circle, #63AF17 10%, #6518AF 96%);

 

HEX #6518AF zu HEX #17AFAF


CSS-Code:

background-image: linear-gradient(135deg, #6518AF 7%, #17AFAF 91%);

 

HEX #6518AF zu HEX #17AFAF


CSS-Code:

background-image: radial-gradient(circle, #6518AF 5%, #17AFAF 99%);

 

HEX #17AFAF zu HEX #6518AF


CSS-Code:

background-image: linear-gradient(135deg, #17AFAF 7%, #6518AF 91%);

 

HEX #17AFAF zu HEX #6518AF


CSS-Code:

background-image: radial-gradient(circle, #17AFAF 0%, #6518AF 93%);

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.