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

✕

CSS Gradienten:
#364172

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

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #364172 zu HEX #C9BE8D


CSS-Code:

background-image: linear-gradient(135deg, #364172 12%, #C9BE8D 99%);

Radial

HEX #364172 zu HEX #C9BE8D


CSS-Code:

background-image: radial-gradient(circle, #364172 13%, #C9BE8D 94%);

 

HEX #C9BE8D zu HEX #364172


CSS-Code:

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

 

HEX #C9BE8D zu HEX #364172


CSS-Code:

background-image: radial-gradient(circle, #C9BE8D 6%, #364172 98%);

Linear

HEX #364172 zu HEX #355172


CSS-Code:

background-image: linear-gradient(135deg, #364172 9%, #355172 100%);

Radial

HEX #364172 zu HEX #355172


CSS-Code:

background-image: radial-gradient(circle, #364172 2%, #355172 97%);

 

HEX #355172 zu HEX #364172


CSS-Code:

background-image: linear-gradient(135deg, #355172 1%, #364172 99%);

 

HEX #355172 zu HEX #364172


CSS-Code:

background-image: radial-gradient(circle, #355172 14%, #364172 87%);

 

HEX #364172 zu HEX #354072


CSS-Code:

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

 

HEX #364172 zu HEX #354072


CSS-Code:

background-image: radial-gradient(circle, #364172 14%, #354072 86%);

 

HEX #354072 zu HEX #364172


CSS-Code:

background-image: linear-gradient(135deg, #354072 3%, #364172 88%);

 

HEX #354072 zu HEX #364172


CSS-Code:

background-image: radial-gradient(circle, #354072 6%, #364172 94%);

 

HEX #364172 zu HEX #3A3572


CSS-Code:

background-image: linear-gradient(135deg, #364172 12%, #3A3572 92%);

 

HEX #364172 zu HEX #3A3572


CSS-Code:

background-image: radial-gradient(circle, #364172 10%, #3A3572 88%);

 

HEX #3A3572 zu HEX #364172


CSS-Code:

background-image: linear-gradient(135deg, #3A3572 0%, #364172 92%);

 

HEX #3A3572 zu HEX #364172


CSS-Code:

background-image: radial-gradient(circle, #3A3572 1%, #364172 94%);

 

HEX #364172 zu HEX #4B3572


CSS-Code:

background-image: linear-gradient(135deg, #364172 9%, #4B3572 97%);

 

HEX #364172 zu HEX #4B3572


CSS-Code:

background-image: radial-gradient(circle, #364172 13%, #4B3572 92%);

 

HEX #4B3572 zu HEX #364172


CSS-Code:

background-image: linear-gradient(135deg, #4B3572 1%, #364172 86%);

 

HEX #4B3572 zu HEX #364172


CSS-Code:

background-image: radial-gradient(circle, #4B3572 12%, #364172 87%);

Linear

HEX #364172 zu HEX #283156


CSS-Code:

background-image: linear-gradient(135deg, #364172 4%, #283156 97%);

Radial

HEX #364172 zu HEX #283156


CSS-Code:

background-image: radial-gradient(circle, #364172 11%, #283156 89%);

 

HEX #283156 zu HEX #364172


CSS-Code:

background-image: linear-gradient(135deg, #283156 7%, #364172 96%);

 

HEX #283156 zu HEX #364172


CSS-Code:

background-image: radial-gradient(circle, #283156 9%, #364172 91%);

 

HEX #364172 zu HEX #354072


CSS-Code:

background-image: linear-gradient(135deg, #364172 0%, #354072 87%);

 

HEX #364172 zu HEX #354072


CSS-Code:

background-image: radial-gradient(circle, #364172 12%, #354072 86%);

 

HEX #354072 zu HEX #364172


CSS-Code:

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

 

HEX #354072 zu HEX #364172


CSS-Code:

background-image: radial-gradient(circle, #354072 4%, #364172 93%);

 

HEX #364172 zu HEX #43508E


CSS-Code:

background-image: linear-gradient(135deg, #364172 5%, #43508E 89%);

 

HEX #364172 zu HEX #43508E


CSS-Code:

background-image: radial-gradient(circle, #364172 7%, #43508E 99%);

 

HEX #43508E zu HEX #364172


CSS-Code:

background-image: linear-gradient(135deg, #43508E 3%, #364172 89%);

 

HEX #43508E zu HEX #364172


CSS-Code:

background-image: radial-gradient(circle, #43508E 0%, #364172 98%);

 

HEX #364172 zu HEX #5060AA


CSS-Code:

background-image: linear-gradient(135deg, #364172 11%, #5060AA 93%);

 

HEX #364172 zu HEX #5060AA


CSS-Code:

background-image: radial-gradient(circle, #364172 13%, #5060AA 89%);

 

HEX #5060AA zu HEX #364172


CSS-Code:

background-image: linear-gradient(135deg, #5060AA 10%, #364172 87%);

 

HEX #5060AA zu HEX #364172


CSS-Code:

background-image: radial-gradient(circle, #5060AA 12%, #364172 97%);

Linear

HEX #364172 zu HEX #355172


CSS-Code:

background-image: linear-gradient(135deg, #364172 14%, #355172 99%);

Radial

HEX #364172 zu HEX #355172


CSS-Code:

background-image: radial-gradient(circle, #364172 7%, #355172 91%);

 

HEX #355172 zu HEX #364172


CSS-Code:

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

 

HEX #355172 zu HEX #364172


CSS-Code:

background-image: radial-gradient(circle, #355172 8%, #364172 86%);

 

HEX #364172 zu HEX #354072


CSS-Code:

background-image: linear-gradient(135deg, #364172 9%, #354072 88%);

 

HEX #364172 zu HEX #354072


CSS-Code:

background-image: radial-gradient(circle, #364172 5%, #354072 87%);

 

HEX #354072 zu HEX #364172


CSS-Code:

background-image: linear-gradient(135deg, #354072 10%, #364172 97%);

 

HEX #354072 zu HEX #364172


CSS-Code:

background-image: radial-gradient(circle, #354072 7%, #364172 88%);

 

HEX #364172 zu HEX #3A3572


CSS-Code:

background-image: linear-gradient(135deg, #364172 3%, #3A3572 87%);

 

HEX #364172 zu HEX #3A3572


CSS-Code:

background-image: radial-gradient(circle, #364172 5%, #3A3572 92%);

 

HEX #3A3572 zu HEX #364172


CSS-Code:

background-image: linear-gradient(135deg, #3A3572 8%, #364172 97%);

 

HEX #3A3572 zu HEX #364172


CSS-Code:

background-image: radial-gradient(circle, #3A3572 12%, #364172 92%);

 

HEX #364172 zu HEX #4B3572


CSS-Code:

background-image: linear-gradient(135deg, #364172 1%, #4B3572 86%);

 

HEX #364172 zu HEX #4B3572


CSS-Code:

background-image: radial-gradient(circle, #364172 12%, #4B3572 96%);

 

HEX #4B3572 zu HEX #364172


CSS-Code:

background-image: linear-gradient(135deg, #4B3572 13%, #364172 94%);

 

HEX #4B3572 zu HEX #364172


CSS-Code:

background-image: radial-gradient(circle, #4B3572 4%, #364172 96%);

Linear

HEX #364172 zu HEX #283156


CSS-Code:

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

Radial

HEX #364172 zu HEX #283156


CSS-Code:

background-image: radial-gradient(circle, #364172 6%, #283156 98%);

 

HEX #283156 zu HEX #364172


CSS-Code:

background-image: linear-gradient(135deg, #283156 6%, #364172 92%);

 

HEX #283156 zu HEX #364172


CSS-Code:

background-image: radial-gradient(circle, #283156 9%, #364172 94%);

 

HEX #364172 zu HEX #354072


CSS-Code:

background-image: linear-gradient(135deg, #364172 13%, #354072 88%);

 

HEX #364172 zu HEX #354072


CSS-Code:

background-image: radial-gradient(circle, #364172 8%, #354072 88%);

 

HEX #354072 zu HEX #364172


CSS-Code:

background-image: linear-gradient(135deg, #354072 5%, #364172 89%);

 

HEX #354072 zu HEX #364172


CSS-Code:

background-image: radial-gradient(circle, #354072 0%, #364172 93%);

 

HEX #364172 zu HEX #43508E


CSS-Code:

background-image: linear-gradient(135deg, #364172 12%, #43508E 99%);

 

HEX #364172 zu HEX #43508E


CSS-Code:

background-image: radial-gradient(circle, #364172 5%, #43508E 95%);

 

HEX #43508E zu HEX #364172


CSS-Code:

background-image: linear-gradient(135deg, #43508E 14%, #364172 87%);

 

HEX #43508E zu HEX #364172


CSS-Code:

background-image: radial-gradient(circle, #43508E 11%, #364172 96%);

 

HEX #364172 zu HEX #5060AA


CSS-Code:

background-image: linear-gradient(135deg, #364172 7%, #5060AA 87%);

 

HEX #364172 zu HEX #5060AA


CSS-Code:

background-image: radial-gradient(circle, #364172 2%, #5060AA 98%);

 

HEX #5060AA zu HEX #364172


CSS-Code:

background-image: linear-gradient(135deg, #5060AA 1%, #364172 95%);

 

HEX #5060AA zu HEX #364172


CSS-Code:

background-image: radial-gradient(circle, #5060AA 14%, #364172 97%);

Linear

HEX #364172 zu HEX #723571


CSS-Code:

background-image: linear-gradient(135deg, #364172 9%, #723571 95%);

Radial

HEX #364172 zu HEX #723571


CSS-Code:

background-image: radial-gradient(circle, #364172 13%, #723571 88%);

 

HEX #723571 zu HEX #364172


CSS-Code:

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

 

HEX #723571 zu HEX #364172


CSS-Code:

background-image: radial-gradient(circle, #723571 9%, #364172 98%);

 

HEX #364172 zu HEX #597235


CSS-Code:

background-image: linear-gradient(135deg, #364172 0%, #597235 87%);

 

HEX #364172 zu HEX #597235


CSS-Code:

background-image: radial-gradient(circle, #364172 12%, #597235 95%);

 

HEX #597235 zu HEX #364172


CSS-Code:

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

 

HEX #597235 zu HEX #364172


CSS-Code:

background-image: radial-gradient(circle, #597235 7%, #364172 96%);

Linear

HEX #364172 zu HEX #723540


CSS-Code:

background-image: linear-gradient(135deg, #364172 10%, #723540 94%);

Radial

HEX #364172 zu HEX #723540


CSS-Code:

background-image: radial-gradient(circle, #364172 1%, #723540 88%);

 

HEX #723540 zu HEX #364172


CSS-Code:

background-image: linear-gradient(135deg, #723540 8%, #364172 97%);

 

HEX #723540 zu HEX #364172


CSS-Code:

background-image: radial-gradient(circle, #723540 11%, #364172 87%);

 

HEX #364172 zu HEX #407235


CSS-Code:

background-image: linear-gradient(135deg, #364172 1%, #407235 99%);

 

HEX #364172 zu HEX #407235


CSS-Code:

background-image: radial-gradient(circle, #364172 2%, #407235 98%);

 

HEX #407235 zu HEX #364172


CSS-Code:

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

 

HEX #407235 zu HEX #364172


CSS-Code:

background-image: radial-gradient(circle, #407235 8%, #364172 91%);

Linear

HEX #364172 zu HEX #723571


CSS-Code:

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

Radial

HEX #364172 zu HEX #723571


CSS-Code:

background-image: radial-gradient(circle, #364172 1%, #723571 91%);

 

HEX #723571 zu HEX #364172


CSS-Code:

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

 

HEX #723571 zu HEX #364172


CSS-Code:

background-image: radial-gradient(circle, #723571 5%, #364172 92%);

 

HEX #364172 zu HEX #726735


CSS-Code:

background-image: linear-gradient(135deg, #364172 12%, #726735 94%);

 

HEX #364172 zu HEX #726735


CSS-Code:

background-image: radial-gradient(circle, #364172 1%, #726735 91%);

 

HEX #726735 zu HEX #364172


CSS-Code:

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

 

HEX #726735 zu HEX #364172


CSS-Code:

background-image: radial-gradient(circle, #726735 0%, #364172 94%);

 

HEX #364172 zu HEX #357236


CSS-Code:

background-image: linear-gradient(135deg, #364172 13%, #357236 92%);

 

HEX #364172 zu HEX #357236


CSS-Code:

background-image: radial-gradient(circle, #364172 6%, #357236 86%);

 

HEX #357236 zu HEX #364172


CSS-Code:

background-image: linear-gradient(135deg, #357236 7%, #364172 86%);

 

HEX #357236 zu HEX #364172


CSS-Code:

background-image: radial-gradient(circle, #357236 7%, #364172 88%);

Linear

HEX #364172 zu HEX #72355F


CSS-Code:

background-image: linear-gradient(135deg, #364172 12%, #72355F 92%);

Radial

HEX #364172 zu HEX #72355F


CSS-Code:

background-image: radial-gradient(circle, #364172 13%, #72355F 100%);

 

HEX #72355F zu HEX #364172


CSS-Code:

background-image: linear-gradient(135deg, #72355F 8%, #364172 95%);

 

HEX #72355F zu HEX #364172


CSS-Code:

background-image: radial-gradient(circle, #72355F 7%, #364172 96%);

 

HEX #364172 zu HEX #726735


CSS-Code:

background-image: linear-gradient(135deg, #364172 3%, #726735 94%);

 

HEX #364172 zu HEX #726735


CSS-Code:

background-image: radial-gradient(circle, #364172 2%, #726735 88%);

 

HEX #726735 zu HEX #364172


CSS-Code:

background-image: linear-gradient(135deg, #726735 11%, #364172 92%);

 

HEX #726735 zu HEX #364172


CSS-Code:

background-image: radial-gradient(circle, #726735 14%, #364172 89%);

 

HEX #364172 zu HEX #357249


CSS-Code:

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

 

HEX #364172 zu HEX #357249


CSS-Code:

background-image: radial-gradient(circle, #364172 5%, #357249 87%);

 

HEX #357249 zu HEX #364172


CSS-Code:

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

 

HEX #357249 zu HEX #364172


CSS-Code:

background-image: radial-gradient(circle, #357249 8%, #364172 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
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