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

CSS Gradienten:
CMYK 7 / 48 / 0 / 25

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

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #B263BF zu HEX #4D9C40


CSS-Code:

background-image: linear-gradient(135deg, #B263BF 7%, #4D9C40 91%);

Radial

HEX #B263BF zu HEX #4D9C40


CSS-Code:

background-image: radial-gradient(circle, #B263BF 0%, #4D9C40 89%);

 

HEX #4D9C40 zu HEX #B263BF


CSS-Code:

background-image: linear-gradient(135deg, #4D9C40 1%, #B263BF 93%);

 

HEX #4D9C40 zu HEX #B263BF


CSS-Code:

background-image: radial-gradient(circle, #4D9C40 11%, #B263BF 94%);

Linear

HEX #B263BF zu HEX #C875CD


CSS-Code:

background-image: linear-gradient(135deg, #B263BF 0%, #C875CD 86%);

Radial

HEX #B263BF zu HEX #C875CD


CSS-Code:

background-image: radial-gradient(circle, #B263BF 11%, #C875CD 92%);

 

HEX #C875CD zu HEX #B263BF


CSS-Code:

background-image: linear-gradient(135deg, #C875CD 14%, #B263BF 98%);

 

HEX #C875CD zu HEX #B263BF


CSS-Code:

background-image: radial-gradient(circle, #C875CD 2%, #B263BF 87%);

 

HEX #B263BF zu HEX #D987E0


CSS-Code:

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

 

HEX #B263BF zu HEX #D987E0


CSS-Code:

background-image: radial-gradient(circle, #B263BF 1%, #D987E0 94%);

 

HEX #D987E0 zu HEX #B263BF


CSS-Code:

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

 

HEX #D987E0 zu HEX #B263BF


CSS-Code:

background-image: radial-gradient(circle, #D987E0 0%, #B263BF 98%);

 

HEX #B263BF zu HEX #EA99F3


CSS-Code:

background-image: linear-gradient(135deg, #B263BF 8%, #EA99F3 91%);

 

HEX #B263BF zu HEX #EA99F3


CSS-Code:

background-image: radial-gradient(circle, #B263BF 9%, #EA99F3 87%);

 

HEX #EA99F3 zu HEX #B263BF


CSS-Code:

background-image: linear-gradient(135deg, #EA99F3 10%, #B263BF 88%);

 

HEX #EA99F3 zu HEX #B263BF


CSS-Code:

background-image: radial-gradient(circle, #EA99F3 13%, #B263BF 94%);

 

HEX #B263BF zu HEX #FBABFF


CSS-Code:

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

 

HEX #B263BF zu HEX #FBABFF


CSS-Code:

background-image: radial-gradient(circle, #B263BF 1%, #FBABFF 95%);

 

HEX #FBABFF zu HEX #B263BF


CSS-Code:

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

 

HEX #FBABFF zu HEX #B263BF


CSS-Code:

background-image: radial-gradient(circle, #FBABFF 9%, #B263BF 99%);

Linear

HEX #B263BF zu HEX #A151AC


CSS-Code:

background-image: linear-gradient(135deg, #B263BF 3%, #A151AC 99%);

Radial

HEX #B263BF zu HEX #A151AC


CSS-Code:

background-image: radial-gradient(circle, #B263BF 5%, #A151AC 88%);

 

HEX #A151AC zu HEX #B263BF


CSS-Code:

background-image: linear-gradient(135deg, #A151AC 2%, #B263BF 99%);

 

HEX #A151AC zu HEX #B263BF


CSS-Code:

background-image: radial-gradient(circle, #A151AC 8%, #B263BF 91%);

 

HEX #B263BF zu HEX #903F99


CSS-Code:

background-image: linear-gradient(135deg, #B263BF 10%, #903F99 89%);

 

HEX #B263BF zu HEX #903F99


CSS-Code:

background-image: radial-gradient(circle, #B263BF 4%, #903F99 91%);

 

HEX #903F99 zu HEX #B263BF


CSS-Code:

background-image: linear-gradient(135deg, #903F99 1%, #B263BF 95%);

 

HEX #903F99 zu HEX #B263BF


CSS-Code:

background-image: radial-gradient(circle, #903F99 6%, #B263BF 88%);

 

HEX #B263BF zu HEX #7F2D86


CSS-Code:

background-image: linear-gradient(135deg, #B263BF 8%, #7F2D86 91%);

 

HEX #B263BF zu HEX #7F2D86


CSS-Code:

background-image: radial-gradient(circle, #B263BF 2%, #7F2D86 96%);

 

HEX #7F2D86 zu HEX #B263BF


CSS-Code:

background-image: linear-gradient(135deg, #7F2D86 5%, #B263BF 86%);

 

HEX #7F2D86 zu HEX #B263BF


CSS-Code:

background-image: radial-gradient(circle, #7F2D86 14%, #B263BF 90%);

 

HEX #B263BF zu HEX #6E1B73


CSS-Code:

background-image: linear-gradient(135deg, #B263BF 1%, #6E1B73 98%);

 

HEX #B263BF zu HEX #6E1B73


CSS-Code:

background-image: radial-gradient(circle, #B263BF 12%, #6E1B73 89%);

 

HEX #6E1B73 zu HEX #B263BF


CSS-Code:

background-image: linear-gradient(135deg, #6E1B73 5%, #B263BF 99%);

 

HEX #6E1B73 zu HEX #B263BF


CSS-Code:

background-image: radial-gradient(circle, #6E1B73 10%, #B263BF 88%);

Linear

HEX #B263BF zu HEX #BF63BD


CSS-Code:

background-image: linear-gradient(135deg, #B263BF 1%, #BF63BD 94%);

Radial

HEX #B263BF zu HEX #BF63BD


CSS-Code:

background-image: radial-gradient(circle, #B263BF 12%, #BF63BD 97%);

 

HEX #BF63BD zu HEX #B263BF


CSS-Code:

background-image: linear-gradient(135deg, #BF63BD 7%, #B263BF 94%);

 

HEX #BF63BD zu HEX #B263BF


CSS-Code:

background-image: radial-gradient(circle, #BF63BD 9%, #B263BF 88%);

 

HEX #B263BF zu HEX #BF63AE


CSS-Code:

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

 

HEX #B263BF zu HEX #BF63AE


CSS-Code:

background-image: radial-gradient(circle, #B263BF 2%, #BF63AE 93%);

 

HEX #BF63AE zu HEX #B263BF


CSS-Code:

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

 

HEX #BF63AE zu HEX #B263BF


CSS-Code:

background-image: radial-gradient(circle, #BF63AE 12%, #B263BF 97%);

 

HEX #B263BF zu HEX #BF639F


CSS-Code:

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

 

HEX #B263BF zu HEX #BF639F


CSS-Code:

background-image: radial-gradient(circle, #B263BF 10%, #BF639F 89%);

 

HEX #BF639F zu HEX #B263BF


CSS-Code:

background-image: linear-gradient(135deg, #BF639F 6%, #B263BF 97%);

 

HEX #BF639F zu HEX #B263BF


CSS-Code:

background-image: radial-gradient(circle, #BF639F 12%, #B263BF 88%);

 

HEX #B263BF zu HEX #BF638F


CSS-Code:

background-image: linear-gradient(135deg, #B263BF 5%, #BF638F 93%);

 

HEX #B263BF zu HEX #BF638F


CSS-Code:

background-image: radial-gradient(circle, #B263BF 1%, #BF638F 89%);

 

HEX #BF638F zu HEX #B263BF


CSS-Code:

background-image: linear-gradient(135deg, #BF638F 8%, #B263BF 91%);

 

HEX #BF638F zu HEX #B263BF


CSS-Code:

background-image: radial-gradient(circle, #BF638F 2%, #B263BF 88%);

Linear

HEX #B263BF zu HEX #E27DF2


CSS-Code:

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

Radial

HEX #B263BF zu HEX #E27DF2


CSS-Code:

background-image: radial-gradient(circle, #B263BF 9%, #E27DF2 91%);

 

HEX #E27DF2 zu HEX #B263BF


CSS-Code:

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

 

HEX #E27DF2 zu HEX #B263BF


CSS-Code:

background-image: radial-gradient(circle, #E27DF2 1%, #B263BF 87%);

 

HEX #B263BF zu HEX #231426


CSS-Code:

background-image: linear-gradient(135deg, #B263BF 3%, #231426 96%);

 

HEX #B263BF zu HEX #231426


CSS-Code:

background-image: radial-gradient(circle, #B263BF 5%, #231426 97%);

 

HEX #231426 zu HEX #B263BF


CSS-Code:

background-image: linear-gradient(135deg, #231426 8%, #B263BF 99%);

 

HEX #231426 zu HEX #B263BF


CSS-Code:

background-image: radial-gradient(circle, #231426 1%, #B263BF 95%);

 

HEX #B263BF zu HEX #532E59


CSS-Code:

background-image: linear-gradient(135deg, #B263BF 12%, #532E59 99%);

 

HEX #B263BF zu HEX #532E59


CSS-Code:

background-image: radial-gradient(circle, #B263BF 13%, #532E59 97%);

 

HEX #532E59 zu HEX #B263BF


CSS-Code:

background-image: linear-gradient(135deg, #532E59 7%, #B263BF 92%);

 

HEX #532E59 zu HEX #B263BF


CSS-Code:

background-image: radial-gradient(circle, #532E59 14%, #B263BF 98%);

 

HEX #B263BF zu HEX #82498C


CSS-Code:

background-image: linear-gradient(135deg, #B263BF 8%, #82498C 96%);

 

HEX #B263BF zu HEX #82498C


CSS-Code:

background-image: radial-gradient(circle, #B263BF 6%, #82498C 100%);

 

HEX #82498C zu HEX #B263BF


CSS-Code:

background-image: linear-gradient(135deg, #82498C 5%, #B263BF 100%);

 

HEX #82498C zu HEX #B263BF


CSS-Code:

background-image: radial-gradient(circle, #82498C 6%, #B263BF 94%);

Linear

HEX #B263BF zu HEX #BF6763


CSS-Code:

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

Radial

HEX #B263BF zu HEX #BF6763


CSS-Code:

background-image: radial-gradient(circle, #B263BF 8%, #BF6763 99%);

 

HEX #BF6763 zu HEX #B263BF


CSS-Code:

background-image: linear-gradient(135deg, #BF6763 0%, #B263BF 88%);

 

HEX #BF6763 zu HEX #B263BF


CSS-Code:

background-image: radial-gradient(circle, #BF6763 9%, #B263BF 91%);

 

HEX #B263BF zu HEX #63BF8C


CSS-Code:

background-image: linear-gradient(135deg, #B263BF 9%, #63BF8C 93%);

 

HEX #B263BF zu HEX #63BF8C


CSS-Code:

background-image: radial-gradient(circle, #B263BF 9%, #63BF8C 87%);

 

HEX #63BF8C zu HEX #B263BF


CSS-Code:

background-image: linear-gradient(135deg, #63BF8C 8%, #B263BF 89%);

 

HEX #63BF8C zu HEX #B263BF


CSS-Code:

background-image: radial-gradient(circle, #63BF8C 12%, #B263BF 90%);

Linear

HEX #B263BF zu HEX #BFB163


CSS-Code:

background-image: linear-gradient(135deg, #B263BF 9%, #BFB163 91%);

Radial

HEX #B263BF zu HEX #BFB163


CSS-Code:

background-image: radial-gradient(circle, #B263BF 11%, #BFB163 92%);

 

HEX #BFB163 zu HEX #B263BF


CSS-Code:

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

 

HEX #BFB163 zu HEX #B263BF


CSS-Code:

background-image: radial-gradient(circle, #BFB163 12%, #B263BF 90%);

 

HEX #B263BF zu HEX #63BFB1


CSS-Code:

background-image: linear-gradient(135deg, #B263BF 4%, #63BFB1 88%);

 

HEX #B263BF zu HEX #63BFB1


CSS-Code:

background-image: radial-gradient(circle, #B263BF 8%, #63BFB1 90%);

 

HEX #63BFB1 zu HEX #B263BF


CSS-Code:

background-image: linear-gradient(135deg, #63BFB1 4%, #B263BF 92%);

 

HEX #63BFB1 zu HEX #B263BF


CSS-Code:

background-image: radial-gradient(circle, #63BFB1 12%, #B263BF 99%);

Linear

HEX #B263BF zu HEX #BF6763


CSS-Code:

background-image: linear-gradient(135deg, #B263BF 2%, #BF6763 95%);

Radial

HEX #B263BF zu HEX #BF6763


CSS-Code:

background-image: radial-gradient(circle, #B263BF 7%, #BF6763 92%);

 

HEX #BF6763 zu HEX #B263BF


CSS-Code:

background-image: linear-gradient(135deg, #BF6763 1%, #B263BF 97%);

 

HEX #BF6763 zu HEX #B263BF


CSS-Code:

background-image: radial-gradient(circle, #BF6763 2%, #B263BF 98%);

 

HEX #B263BF zu HEX #71BF63


CSS-Code:

background-image: linear-gradient(135deg, #B263BF 12%, #71BF63 96%);

 

HEX #B263BF zu HEX #71BF63


CSS-Code:

background-image: radial-gradient(circle, #B263BF 14%, #71BF63 92%);

 

HEX #71BF63 zu HEX #B263BF


CSS-Code:

background-image: linear-gradient(135deg, #71BF63 7%, #B263BF 86%);

 

HEX #71BF63 zu HEX #B263BF


CSS-Code:

background-image: radial-gradient(circle, #71BF63 6%, #B263BF 99%);

 

HEX #B263BF zu HEX #63BABF


CSS-Code:

background-image: linear-gradient(135deg, #B263BF 10%, #63BABF 98%);

 

HEX #B263BF zu HEX #63BABF


CSS-Code:

background-image: radial-gradient(circle, #B263BF 2%, #63BABF 95%);

 

HEX #63BABF zu HEX #B263BF


CSS-Code:

background-image: linear-gradient(135deg, #63BABF 7%, #B263BF 90%);

 

HEX #63BABF zu HEX #B263BF


CSS-Code:

background-image: radial-gradient(circle, #63BABF 8%, #B263BF 100%);

Linear

HEX #B263BF zu HEX #BF8363


CSS-Code:

background-image: linear-gradient(135deg, #B263BF 2%, #BF8363 97%);

Radial

HEX #B263BF zu HEX #BF8363


CSS-Code:

background-image: radial-gradient(circle, #B263BF 10%, #BF8363 97%);

 

HEX #BF8363 zu HEX #B263BF


CSS-Code:

background-image: linear-gradient(135deg, #BF8363 4%, #B263BF 89%);

 

HEX #BF8363 zu HEX #B263BF


CSS-Code:

background-image: radial-gradient(circle, #BF8363 3%, #B263BF 86%);

 

HEX #B263BF zu HEX #71BF63


CSS-Code:

background-image: linear-gradient(135deg, #B263BF 9%, #71BF63 96%);

 

HEX #B263BF zu HEX #71BF63


CSS-Code:

background-image: radial-gradient(circle, #B263BF 12%, #71BF63 92%);

 

HEX #71BF63 zu HEX #B263BF


CSS-Code:

background-image: linear-gradient(135deg, #71BF63 2%, #B263BF 98%);

 

HEX #71BF63 zu HEX #B263BF


CSS-Code:

background-image: radial-gradient(circle, #71BF63 14%, #B263BF 93%);

 

HEX #B263BF zu HEX #639FBF


CSS-Code:

background-image: linear-gradient(135deg, #B263BF 4%, #639FBF 95%);

 

HEX #B263BF zu HEX #639FBF


CSS-Code:

background-image: radial-gradient(circle, #B263BF 5%, #639FBF 92%);

 

HEX #639FBF zu HEX #B263BF


CSS-Code:

background-image: linear-gradient(135deg, #639FBF 13%, #B263BF 96%);

 

HEX #639FBF zu HEX #B263BF


CSS-Code:

background-image: radial-gradient(circle, #639FBF 4%, #B263BF 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

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.