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

✕

CSS Gradienten:
#A41062

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 164 Rot, 16 Grün und 98 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.
164 16 98 R G B
Im CMYK-Farbsystem wird die Farbe folgendermaßen zusammengesetzt: In diesem Farbton sind von 100 maximalen Farbanteilen jeweils keine Cyan, 90 Magenta, 40 Gelb und 36 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% 90% 40% 36% C M Y K

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #A41062 zu HEX #5BEF9D


CSS-Code:

background-image: linear-gradient(135deg, #A41062 14%, #5BEF9D 94%);

Radial

HEX #A41062 zu HEX #5BEF9D


CSS-Code:

background-image: radial-gradient(circle, #A41062 11%, #5BEF9D 88%);

 

HEX #5BEF9D zu HEX #A41062


CSS-Code:

background-image: linear-gradient(135deg, #5BEF9D 3%, #A41062 92%);

 

HEX #5BEF9D zu HEX #A41062


CSS-Code:

background-image: radial-gradient(circle, #5BEF9D 6%, #A41062 99%);

Linear

HEX #A41062 zu HEX #A2108A


CSS-Code:

background-image: linear-gradient(135deg, #A41062 4%, #A2108A 98%);

Radial

HEX #A41062 zu HEX #A2108A


CSS-Code:

background-image: radial-gradient(circle, #A41062 2%, #A2108A 97%);

 

HEX #A2108A zu HEX #A41062


CSS-Code:

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

 

HEX #A2108A zu HEX #A41062


CSS-Code:

background-image: radial-gradient(circle, #A2108A 14%, #A41062 87%);

 

HEX #A41062 zu HEX #A21063


CSS-Code:

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

 

HEX #A41062 zu HEX #A21063


CSS-Code:

background-image: radial-gradient(circle, #A41062 3%, #A21063 92%);

 

HEX #A21063 zu HEX #A41062


CSS-Code:

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

 

HEX #A21063 zu HEX #A41062


CSS-Code:

background-image: radial-gradient(circle, #A21063 1%, #A41062 86%);

 

HEX #A41062 zu HEX #A2103B


CSS-Code:

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

 

HEX #A41062 zu HEX #A2103B


CSS-Code:

background-image: radial-gradient(circle, #A41062 11%, #A2103B 86%);

 

HEX #A2103B zu HEX #A41062


CSS-Code:

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

 

HEX #A2103B zu HEX #A41062


CSS-Code:

background-image: radial-gradient(circle, #A2103B 1%, #A41062 90%);

 

HEX #A41062 zu HEX #A21014


CSS-Code:

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

 

HEX #A41062 zu HEX #A21014


CSS-Code:

background-image: radial-gradient(circle, #A41062 2%, #A21014 94%);

 

HEX #A21014 zu HEX #A41062


CSS-Code:

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

 

HEX #A21014 zu HEX #A41062


CSS-Code:

background-image: radial-gradient(circle, #A21014 1%, #A41062 100%);

Linear

HEX #A41062 zu HEX #7C0C4A


CSS-Code:

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

Radial

HEX #A41062 zu HEX #7C0C4A


CSS-Code:

background-image: radial-gradient(circle, #A41062 7%, #7C0C4A 96%);

 

HEX #7C0C4A zu HEX #A41062


CSS-Code:

background-image: linear-gradient(135deg, #7C0C4A 5%, #A41062 100%);

 

HEX #7C0C4A zu HEX #A41062


CSS-Code:

background-image: radial-gradient(circle, #7C0C4A 12%, #A41062 90%);

 

HEX #A41062 zu HEX #A21061


CSS-Code:

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

 

HEX #A41062 zu HEX #A21061


CSS-Code:

background-image: radial-gradient(circle, #A41062 2%, #A21061 91%);

 

HEX #A21061 zu HEX #A41062


CSS-Code:

background-image: linear-gradient(135deg, #A21061 4%, #A41062 94%);

 

HEX #A21061 zu HEX #A41062


CSS-Code:

background-image: radial-gradient(circle, #A21061 5%, #A41062 100%);

 

HEX #A41062 zu HEX #C71377


CSS-Code:

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

 

HEX #A41062 zu HEX #C71377


CSS-Code:

background-image: radial-gradient(circle, #A41062 6%, #C71377 95%);

 

HEX #C71377 zu HEX #A41062


CSS-Code:

background-image: linear-gradient(135deg, #C71377 3%, #A41062 91%);

 

HEX #C71377 zu HEX #A41062


CSS-Code:

background-image: radial-gradient(circle, #C71377 7%, #A41062 86%);

 

HEX #A41062 zu HEX #E81C8D


CSS-Code:

background-image: linear-gradient(135deg, #A41062 14%, #E81C8D 92%);

 

HEX #A41062 zu HEX #E81C8D


CSS-Code:

background-image: radial-gradient(circle, #A41062 6%, #E81C8D 90%);

 

HEX #E81C8D zu HEX #A41062


CSS-Code:

background-image: linear-gradient(135deg, #E81C8D 10%, #A41062 99%);

 

HEX #E81C8D zu HEX #A41062


CSS-Code:

background-image: radial-gradient(circle, #E81C8D 10%, #A41062 95%);

Linear

HEX #A41062 zu HEX #A2108A


CSS-Code:

background-image: linear-gradient(135deg, #A41062 13%, #A2108A 93%);

Radial

HEX #A41062 zu HEX #A2108A


CSS-Code:

background-image: radial-gradient(circle, #A41062 6%, #A2108A 90%);

 

HEX #A2108A zu HEX #A41062


CSS-Code:

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

 

HEX #A2108A zu HEX #A41062


CSS-Code:

background-image: radial-gradient(circle, #A2108A 3%, #A41062 92%);

 

HEX #A41062 zu HEX #A21063


CSS-Code:

background-image: linear-gradient(135deg, #A41062 5%, #A21063 97%);

 

HEX #A41062 zu HEX #A21063


CSS-Code:

background-image: radial-gradient(circle, #A41062 11%, #A21063 89%);

 

HEX #A21063 zu HEX #A41062


CSS-Code:

background-image: linear-gradient(135deg, #A21063 12%, #A41062 90%);

 

HEX #A21063 zu HEX #A41062


CSS-Code:

background-image: radial-gradient(circle, #A21063 9%, #A41062 100%);

 

HEX #A41062 zu HEX #A2103B


CSS-Code:

background-image: linear-gradient(135deg, #A41062 12%, #A2103B 92%);

 

HEX #A41062 zu HEX #A2103B


CSS-Code:

background-image: radial-gradient(circle, #A41062 14%, #A2103B 87%);

 

HEX #A2103B zu HEX #A41062


CSS-Code:

background-image: linear-gradient(135deg, #A2103B 13%, #A41062 97%);

 

HEX #A2103B zu HEX #A41062


CSS-Code:

background-image: radial-gradient(circle, #A2103B 7%, #A41062 87%);

 

HEX #A41062 zu HEX #A21014


CSS-Code:

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

 

HEX #A41062 zu HEX #A21014


CSS-Code:

background-image: radial-gradient(circle, #A41062 9%, #A21014 89%);

 

HEX #A21014 zu HEX #A41062


CSS-Code:

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

 

HEX #A21014 zu HEX #A41062


CSS-Code:

background-image: radial-gradient(circle, #A21014 8%, #A41062 93%);

Linear

HEX #A41062 zu HEX #7C0C4A


CSS-Code:

background-image: linear-gradient(135deg, #A41062 13%, #7C0C4A 91%);

Radial

HEX #A41062 zu HEX #7C0C4A


CSS-Code:

background-image: radial-gradient(circle, #A41062 13%, #7C0C4A 92%);

 

HEX #7C0C4A zu HEX #A41062


CSS-Code:

background-image: linear-gradient(135deg, #7C0C4A 6%, #A41062 95%);

 

HEX #7C0C4A zu HEX #A41062


CSS-Code:

background-image: radial-gradient(circle, #7C0C4A 10%, #A41062 86%);

 

HEX #A41062 zu HEX #A21061


CSS-Code:

background-image: linear-gradient(135deg, #A41062 2%, #A21061 93%);

 

HEX #A41062 zu HEX #A21061


CSS-Code:

background-image: radial-gradient(circle, #A41062 3%, #A21061 100%);

 

HEX #A21061 zu HEX #A41062


CSS-Code:

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

 

HEX #A21061 zu HEX #A41062


CSS-Code:

background-image: radial-gradient(circle, #A21061 3%, #A41062 98%);

 

HEX #A41062 zu HEX #C71377


CSS-Code:

background-image: linear-gradient(135deg, #A41062 7%, #C71377 90%);

 

HEX #A41062 zu HEX #C71377


CSS-Code:

background-image: radial-gradient(circle, #A41062 3%, #C71377 86%);

 

HEX #C71377 zu HEX #A41062


CSS-Code:

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

 

HEX #C71377 zu HEX #A41062


CSS-Code:

background-image: radial-gradient(circle, #C71377 3%, #A41062 86%);

 

HEX #A41062 zu HEX #E81C8D


CSS-Code:

background-image: linear-gradient(135deg, #A41062 3%, #E81C8D 95%);

 

HEX #A41062 zu HEX #E81C8D


CSS-Code:

background-image: radial-gradient(circle, #A41062 2%, #E81C8D 87%);

 

HEX #E81C8D zu HEX #A41062


CSS-Code:

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

 

HEX #E81C8D zu HEX #A41062


CSS-Code:

background-image: radial-gradient(circle, #E81C8D 4%, #A41062 99%);

Linear

HEX #A41062 zu HEX #A26C10


CSS-Code:

background-image: linear-gradient(135deg, #A41062 2%, #A26C10 90%);

Radial

HEX #A41062 zu HEX #A26C10


CSS-Code:

background-image: radial-gradient(circle, #A41062 10%, #A26C10 86%);

 

HEX #A26C10 zu HEX #A41062


CSS-Code:

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

 

HEX #A26C10 zu HEX #A41062


CSS-Code:

background-image: radial-gradient(circle, #A26C10 8%, #A41062 99%);

 

HEX #A41062 zu HEX #109DA2


CSS-Code:

background-image: linear-gradient(135deg, #A41062 9%, #109DA2 100%);

 

HEX #A41062 zu HEX #109DA2


CSS-Code:

background-image: radial-gradient(circle, #A41062 10%, #109DA2 88%);

 

HEX #109DA2 zu HEX #A41062


CSS-Code:

background-image: linear-gradient(135deg, #109DA2 12%, #A41062 93%);

 

HEX #109DA2 zu HEX #A41062


CSS-Code:

background-image: radial-gradient(circle, #109DA2 0%, #A41062 86%);

Linear

HEX #A41062 zu HEX #63A210


CSS-Code:

background-image: linear-gradient(135deg, #A41062 3%, #63A210 89%);

Radial

HEX #A41062 zu HEX #63A210


CSS-Code:

background-image: radial-gradient(circle, #A41062 7%, #63A210 92%);

 

HEX #63A210 zu HEX #A41062


CSS-Code:

background-image: linear-gradient(135deg, #63A210 13%, #A41062 97%);

 

HEX #63A210 zu HEX #A41062


CSS-Code:

background-image: radial-gradient(circle, #63A210 10%, #A41062 95%);

 

HEX #A41062 zu HEX #1063A2


CSS-Code:

background-image: linear-gradient(135deg, #A41062 2%, #1063A2 87%);

 

HEX #A41062 zu HEX #1063A2


CSS-Code:

background-image: radial-gradient(circle, #A41062 9%, #1063A2 96%);

 

HEX #1063A2 zu HEX #A41062


CSS-Code:

background-image: linear-gradient(135deg, #1063A2 5%, #A41062 93%);

 

HEX #1063A2 zu HEX #A41062


CSS-Code:

background-image: radial-gradient(circle, #1063A2 11%, #A41062 95%);

Linear

HEX #A41062 zu HEX #A26C10


CSS-Code:

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

Radial

HEX #A41062 zu HEX #A26C10


CSS-Code:

background-image: radial-gradient(circle, #A41062 11%, #A26C10 91%);

 

HEX #A26C10 zu HEX #A41062


CSS-Code:

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

 

HEX #A26C10 zu HEX #A41062


CSS-Code:

background-image: radial-gradient(circle, #A26C10 13%, #A41062 92%);

 

HEX #A41062 zu HEX #10A24F


CSS-Code:

background-image: linear-gradient(135deg, #A41062 9%, #10A24F 90%);

 

HEX #A41062 zu HEX #10A24F


CSS-Code:

background-image: radial-gradient(circle, #A41062 7%, #10A24F 91%);

 

HEX #10A24F zu HEX #A41062


CSS-Code:

background-image: linear-gradient(135deg, #10A24F 1%, #A41062 94%);

 

HEX #10A24F zu HEX #A41062


CSS-Code:

background-image: radial-gradient(circle, #10A24F 6%, #A41062 92%);

 

HEX #A41062 zu HEX #1045A2


CSS-Code:

background-image: linear-gradient(135deg, #A41062 11%, #1045A2 88%);

 

HEX #A41062 zu HEX #1045A2


CSS-Code:

background-image: radial-gradient(circle, #A41062 8%, #1045A2 93%);

 

HEX #1045A2 zu HEX #A41062


CSS-Code:

background-image: linear-gradient(135deg, #1045A2 7%, #A41062 90%);

 

HEX #1045A2 zu HEX #A41062


CSS-Code:

background-image: radial-gradient(circle, #1045A2 12%, #A41062 99%);

Linear

HEX #A41062 zu HEX #A29810


CSS-Code:

background-image: linear-gradient(135deg, #A41062 2%, #A29810 98%);

Radial

HEX #A41062 zu HEX #A29810


CSS-Code:

background-image: radial-gradient(circle, #A41062 0%, #A29810 88%);

 

HEX #A29810 zu HEX #A41062


CSS-Code:

background-image: linear-gradient(135deg, #A29810 10%, #A41062 89%);

 

HEX #A29810 zu HEX #A41062


CSS-Code:

background-image: radial-gradient(circle, #A29810 14%, #A41062 94%);

 

HEX #A41062 zu HEX #10A24F


CSS-Code:

background-image: linear-gradient(135deg, #A41062 10%, #10A24F 89%);

 

HEX #A41062 zu HEX #10A24F


CSS-Code:

background-image: radial-gradient(circle, #A41062 7%, #10A24F 93%);

 

HEX #10A24F zu HEX #A41062


CSS-Code:

background-image: linear-gradient(135deg, #10A24F 3%, #A41062 96%);

 

HEX #10A24F zu HEX #A41062


CSS-Code:

background-image: radial-gradient(circle, #10A24F 2%, #A41062 92%);

 

HEX #A41062 zu HEX #1019A2


CSS-Code:

background-image: linear-gradient(135deg, #A41062 0%, #1019A2 98%);

 

HEX #A41062 zu HEX #1019A2


CSS-Code:

background-image: radial-gradient(circle, #A41062 10%, #1019A2 94%);

 

HEX #1019A2 zu HEX #A41062


CSS-Code:

background-image: linear-gradient(135deg, #1019A2 10%, #A41062 98%);

 

HEX #1019A2 zu HEX #A41062


CSS-Code:

background-image: radial-gradient(circle, #1019A2 14%, #A41062 100%);

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
Icons

CMYK in HEX

umrechnen von CMYK cyan / magenta / gelb / key zu #RRGGBB
Icons

CMYK in RGB

umrechnen von CMYK cyan / magenta / gelb / key zu RGB rot grün blau
Icons

CMYK in RAL®

umrechnen von CMYK cyan / magenta / gelb / key zu RAL®-Nummer (RAL 0000)
Icons

CMYK in HKS®

umrechnen von CMYK cyan / magenta / gelb / key zu HKS®-Nummer (HKS 00)
Icons

CMYK in PANTONE®

umrechnen von CMYK cyan / magenta / gelb / key zu Pantone®-Nummer (Pantone 0000)
Icons

CMYK in Sherwin Williams®

umrechnen von CMYK cyan / magenta / gelb / key zu Sherwin Williams®-Nummer (SW 0000)
Icons

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
nsc-logo

NCS® in RGB

umrechnen von NCS-Nummer (S0000-X00X) zu RGB rot grün blau
nsc-logo

NCS® in CMYK

umrechnen von NCS-Nummer (S0000-X00X) zu CMYK cyan / magenta / gelb / key

Icons
nsc-logo

NCS® in HEX

umrechnen von NCS-Nummer (S0000-X00X) zu #RRGGBB
nsc-logo

NCS® in RAL®

umrechnen von NCS-Nummer (S0000-X00X) zu RAL®-Nummer (RAL 0000)
nsc-logo

NCS® in HKS®

umrechnen von NCS-Nummer (S0000-X00X) zu HKS®-Nummer (HKS 00)
nsc-logo

NCS® in PANTONE®

umrechnen von NCS-Nummer (S0000-X00X) zu Pantone®-Nummer (Pantone 0000)
nsc-logo

NCS® in Sherwin Williams®

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

Codes

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.

© 2019-2025 in cooperation ND-DESIGN.WORKS & frag-bobby.de