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

✕

CSS Gradienten:
#507381

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

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #507381 zu HEX #AF8C7E


CSS-Code:

background-image: linear-gradient(135deg, #507381 13%, #AF8C7E 98%);

Radial

HEX #507381 zu HEX #AF8C7E


CSS-Code:

background-image: radial-gradient(circle, #507381 13%, #AF8C7E 99%);

 

HEX #AF8C7E zu HEX #507381


CSS-Code:

background-image: linear-gradient(135deg, #AF8C7E 12%, #507381 91%);

 

HEX #AF8C7E zu HEX #507381


CSS-Code:

background-image: radial-gradient(circle, #AF8C7E 12%, #507381 95%);

Linear

HEX #507381 zu HEX #507F80


CSS-Code:

background-image: linear-gradient(135deg, #507381 0%, #507F80 94%);

Radial

HEX #507381 zu HEX #507F80


CSS-Code:

background-image: radial-gradient(circle, #507381 10%, #507F80 86%);

 

HEX #507F80 zu HEX #507381


CSS-Code:

background-image: linear-gradient(135deg, #507F80 1%, #507381 92%);

 

HEX #507F80 zu HEX #507381


CSS-Code:

background-image: radial-gradient(circle, #507F80 6%, #507381 91%);

 

HEX #507381 zu HEX #507280


CSS-Code:

background-image: linear-gradient(135deg, #507381 9%, #507280 92%);

 

HEX #507381 zu HEX #507280


CSS-Code:

background-image: radial-gradient(circle, #507381 5%, #507280 89%);

 

HEX #507280 zu HEX #507381


CSS-Code:

background-image: linear-gradient(135deg, #507280 1%, #507381 98%);

 

HEX #507280 zu HEX #507381


CSS-Code:

background-image: radial-gradient(circle, #507280 11%, #507381 100%);

 

HEX #507381 zu HEX #506680


CSS-Code:

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

 

HEX #507381 zu HEX #506680


CSS-Code:

background-image: radial-gradient(circle, #507381 3%, #506680 96%);

 

HEX #506680 zu HEX #507381


CSS-Code:

background-image: linear-gradient(135deg, #506680 14%, #507381 88%);

 

HEX #506680 zu HEX #507381


CSS-Code:

background-image: radial-gradient(circle, #506680 11%, #507381 90%);

 

HEX #507381 zu HEX #505980


CSS-Code:

background-image: linear-gradient(135deg, #507381 12%, #505980 96%);

 

HEX #507381 zu HEX #505980


CSS-Code:

background-image: radial-gradient(circle, #507381 13%, #505980 100%);

 

HEX #505980 zu HEX #507381


CSS-Code:

background-image: linear-gradient(135deg, #505980 13%, #507381 96%);

 

HEX #505980 zu HEX #507381


CSS-Code:

background-image: radial-gradient(circle, #505980 10%, #507381 98%);

Linear

HEX #507381 zu HEX #405C67


CSS-Code:

background-image: linear-gradient(135deg, #507381 14%, #405C67 92%);

Radial

HEX #507381 zu HEX #405C67


CSS-Code:

background-image: radial-gradient(circle, #507381 11%, #405C67 93%);

 

HEX #405C67 zu HEX #507381


CSS-Code:

background-image: linear-gradient(135deg, #405C67 12%, #507381 99%);

 

HEX #405C67 zu HEX #507381


CSS-Code:

background-image: radial-gradient(circle, #405C67 5%, #507381 92%);

 

HEX #507381 zu HEX #507280


CSS-Code:

background-image: linear-gradient(135deg, #507381 14%, #507280 100%);

 

HEX #507381 zu HEX #507280


CSS-Code:

background-image: radial-gradient(circle, #507381 2%, #507280 88%);

 

HEX #507280 zu HEX #507381


CSS-Code:

background-image: linear-gradient(135deg, #507280 7%, #507381 100%);

 

HEX #507280 zu HEX #507381


CSS-Code:

background-image: radial-gradient(circle, #507280 5%, #507381 93%);

 

HEX #507381 zu HEX #608999


CSS-Code:

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

 

HEX #507381 zu HEX #608999


CSS-Code:

background-image: radial-gradient(circle, #507381 13%, #608999 87%);

 

HEX #608999 zu HEX #507381


CSS-Code:

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

 

HEX #608999 zu HEX #507381


CSS-Code:

background-image: radial-gradient(circle, #608999 14%, #507381 91%);

 

HEX #507381 zu HEX #789CAA


CSS-Code:

background-image: linear-gradient(135deg, #507381 2%, #789CAA 100%);

 

HEX #507381 zu HEX #789CAA


CSS-Code:

background-image: radial-gradient(circle, #507381 9%, #789CAA 95%);

 

HEX #789CAA zu HEX #507381


CSS-Code:

background-image: linear-gradient(135deg, #789CAA 11%, #507381 96%);

 

HEX #789CAA zu HEX #507381


CSS-Code:

background-image: radial-gradient(circle, #789CAA 6%, #507381 94%);

Linear

HEX #507381 zu HEX #507F80


CSS-Code:

background-image: linear-gradient(135deg, #507381 6%, #507F80 92%);

Radial

HEX #507381 zu HEX #507F80


CSS-Code:

background-image: radial-gradient(circle, #507381 4%, #507F80 98%);

 

HEX #507F80 zu HEX #507381


CSS-Code:

background-image: linear-gradient(135deg, #507F80 7%, #507381 94%);

 

HEX #507F80 zu HEX #507381


CSS-Code:

background-image: radial-gradient(circle, #507F80 10%, #507381 99%);

 

HEX #507381 zu HEX #507280


CSS-Code:

background-image: linear-gradient(135deg, #507381 4%, #507280 90%);

 

HEX #507381 zu HEX #507280


CSS-Code:

background-image: radial-gradient(circle, #507381 10%, #507280 88%);

 

HEX #507280 zu HEX #507381


CSS-Code:

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

 

HEX #507280 zu HEX #507381


CSS-Code:

background-image: radial-gradient(circle, #507280 11%, #507381 100%);

 

HEX #507381 zu HEX #506680


CSS-Code:

background-image: linear-gradient(135deg, #507381 9%, #506680 89%);

 

HEX #507381 zu HEX #506680


CSS-Code:

background-image: radial-gradient(circle, #507381 9%, #506680 100%);

 

HEX #506680 zu HEX #507381


CSS-Code:

background-image: linear-gradient(135deg, #506680 6%, #507381 88%);

 

HEX #506680 zu HEX #507381


CSS-Code:

background-image: radial-gradient(circle, #506680 2%, #507381 98%);

 

HEX #507381 zu HEX #505980


CSS-Code:

background-image: linear-gradient(135deg, #507381 4%, #505980 92%);

 

HEX #507381 zu HEX #505980


CSS-Code:

background-image: radial-gradient(circle, #507381 8%, #505980 89%);

 

HEX #505980 zu HEX #507381


CSS-Code:

background-image: linear-gradient(135deg, #505980 13%, #507381 89%);

 

HEX #505980 zu HEX #507381


CSS-Code:

background-image: radial-gradient(circle, #505980 5%, #507381 88%);

Linear

HEX #507381 zu HEX #405C67


CSS-Code:

background-image: linear-gradient(135deg, #507381 4%, #405C67 92%);

Radial

HEX #507381 zu HEX #405C67


CSS-Code:

background-image: radial-gradient(circle, #507381 7%, #405C67 86%);

 

HEX #405C67 zu HEX #507381


CSS-Code:

background-image: linear-gradient(135deg, #405C67 6%, #507381 87%);

 

HEX #405C67 zu HEX #507381


CSS-Code:

background-image: radial-gradient(circle, #405C67 12%, #507381 87%);

 

HEX #507381 zu HEX #507280


CSS-Code:

background-image: linear-gradient(135deg, #507381 9%, #507280 89%);

 

HEX #507381 zu HEX #507280


CSS-Code:

background-image: radial-gradient(circle, #507381 2%, #507280 92%);

 

HEX #507280 zu HEX #507381


CSS-Code:

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

 

HEX #507280 zu HEX #507381


CSS-Code:

background-image: radial-gradient(circle, #507280 7%, #507381 97%);

 

HEX #507381 zu HEX #608999


CSS-Code:

background-image: linear-gradient(135deg, #507381 11%, #608999 97%);

 

HEX #507381 zu HEX #608999


CSS-Code:

background-image: radial-gradient(circle, #507381 2%, #608999 92%);

 

HEX #608999 zu HEX #507381


CSS-Code:

background-image: linear-gradient(135deg, #608999 6%, #507381 89%);

 

HEX #608999 zu HEX #507381


CSS-Code:

background-image: radial-gradient(circle, #608999 5%, #507381 88%);

 

HEX #507381 zu HEX #789CAA


CSS-Code:

background-image: linear-gradient(135deg, #507381 14%, #789CAA 92%);

 

HEX #507381 zu HEX #789CAA


CSS-Code:

background-image: radial-gradient(circle, #507381 9%, #789CAA 92%);

 

HEX #789CAA zu HEX #507381


CSS-Code:

background-image: linear-gradient(135deg, #789CAA 14%, #507381 86%);

 

HEX #789CAA zu HEX #507381


CSS-Code:

background-image: radial-gradient(circle, #789CAA 10%, #507381 98%);

Linear

HEX #507381 zu HEX #675080


CSS-Code:

background-image: linear-gradient(135deg, #507381 4%, #675080 86%);

Radial

HEX #507381 zu HEX #675080


CSS-Code:

background-image: radial-gradient(circle, #507381 13%, #675080 86%);

 

HEX #675080 zu HEX #507381


CSS-Code:

background-image: linear-gradient(135deg, #675080 13%, #507381 94%);

 

HEX #675080 zu HEX #507381


CSS-Code:

background-image: radial-gradient(circle, #675080 1%, #507381 86%);

 

HEX #507381 zu HEX #807A50


CSS-Code:

background-image: linear-gradient(135deg, #507381 1%, #807A50 86%);

 

HEX #507381 zu HEX #807A50


CSS-Code:

background-image: radial-gradient(circle, #507381 2%, #807A50 88%);

 

HEX #807A50 zu HEX #507381


CSS-Code:

background-image: linear-gradient(135deg, #807A50 13%, #507381 95%);

 

HEX #807A50 zu HEX #507381


CSS-Code:

background-image: radial-gradient(circle, #807A50 12%, #507381 97%);

Linear

HEX #507381 zu HEX #805072


CSS-Code:

background-image: linear-gradient(135deg, #507381 10%, #805072 87%);

Radial

HEX #507381 zu HEX #805072


CSS-Code:

background-image: radial-gradient(circle, #507381 5%, #805072 86%);

 

HEX #805072 zu HEX #507381


CSS-Code:

background-image: linear-gradient(135deg, #805072 12%, #507381 95%);

 

HEX #805072 zu HEX #507381


CSS-Code:

background-image: radial-gradient(circle, #805072 0%, #507381 90%);

 

HEX #507381 zu HEX #728050


CSS-Code:

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

 

HEX #507381 zu HEX #728050


CSS-Code:

background-image: radial-gradient(circle, #507381 10%, #728050 98%);

 

HEX #728050 zu HEX #507381


CSS-Code:

background-image: linear-gradient(135deg, #728050 6%, #507381 90%);

 

HEX #728050 zu HEX #507381


CSS-Code:

background-image: radial-gradient(circle, #728050 5%, #507381 96%);

Linear

HEX #507381 zu HEX #675080


CSS-Code:

background-image: linear-gradient(135deg, #507381 12%, #675080 87%);

Radial

HEX #507381 zu HEX #675080


CSS-Code:

background-image: radial-gradient(circle, #507381 11%, #675080 89%);

 

HEX #675080 zu HEX #507381


CSS-Code:

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

 

HEX #675080 zu HEX #507381


CSS-Code:

background-image: radial-gradient(circle, #675080 11%, #507381 86%);

 

HEX #507381 zu HEX #805E50


CSS-Code:

background-image: linear-gradient(135deg, #507381 9%, #805E50 87%);

 

HEX #507381 zu HEX #805E50


CSS-Code:

background-image: radial-gradient(circle, #507381 9%, #805E50 98%);

 

HEX #805E50 zu HEX #507381


CSS-Code:

background-image: linear-gradient(135deg, #805E50 7%, #507381 91%);

 

HEX #805E50 zu HEX #507381


CSS-Code:

background-image: radial-gradient(circle, #805E50 8%, #507381 93%);

 

HEX #507381 zu HEX #698050


CSS-Code:

background-image: linear-gradient(135deg, #507381 2%, #698050 87%);

 

HEX #507381 zu HEX #698050


CSS-Code:

background-image: radial-gradient(circle, #507381 9%, #698050 93%);

 

HEX #698050 zu HEX #507381


CSS-Code:

background-image: linear-gradient(135deg, #698050 14%, #507381 90%);

 

HEX #698050 zu HEX #507381


CSS-Code:

background-image: radial-gradient(circle, #698050 11%, #507381 92%);

Linear

HEX #507381 zu HEX #765080


CSS-Code:

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

Radial

HEX #507381 zu HEX #765080


CSS-Code:

background-image: radial-gradient(circle, #507381 5%, #765080 97%);

 

HEX #765080 zu HEX #507381


CSS-Code:

background-image: linear-gradient(135deg, #765080 6%, #507381 98%);

 

HEX #765080 zu HEX #507381


CSS-Code:

background-image: radial-gradient(circle, #765080 9%, #507381 90%);

 

HEX #507381 zu HEX #805E50


CSS-Code:

background-image: linear-gradient(135deg, #507381 1%, #805E50 90%);

 

HEX #507381 zu HEX #805E50


CSS-Code:

background-image: radial-gradient(circle, #507381 7%, #805E50 100%);

 

HEX #805E50 zu HEX #507381


CSS-Code:

background-image: linear-gradient(135deg, #805E50 5%, #507381 98%);

 

HEX #805E50 zu HEX #507381


CSS-Code:

background-image: radial-gradient(circle, #805E50 11%, #507381 88%);

 

HEX #507381 zu HEX #5A8050


CSS-Code:

background-image: linear-gradient(135deg, #507381 3%, #5A8050 96%);

 

HEX #507381 zu HEX #5A8050


CSS-Code:

background-image: radial-gradient(circle, #507381 7%, #5A8050 95%);

 

HEX #5A8050 zu HEX #507381


CSS-Code:

background-image: linear-gradient(135deg, #5A8050 9%, #507381 99%);

 

HEX #5A8050 zu HEX #507381


CSS-Code:

background-image: radial-gradient(circle, #5A8050 9%, #507381 90%);

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

umrechnen von CMYK cyan / magenta / gelb / key zu RGBA rot grün blau transparenz
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 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
nsc-logo

NCS® in RGB

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

NCS® in RGBA

umrechnen von NCS-Nummer (S0000-X00X) zu RGBA rot grün blau transparenz
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)

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