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

✕

CSS Gradienten:
#458CB9

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

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #458CB9 zu HEX #BA7346


CSS-Code:

background-image: linear-gradient(135deg, #458CB9 4%, #BA7346 89%);

Radial

HEX #458CB9 zu HEX #BA7346


CSS-Code:

background-image: radial-gradient(circle, #458CB9 10%, #BA7346 91%);

 

HEX #BA7346 zu HEX #458CB9


CSS-Code:

background-image: linear-gradient(135deg, #BA7346 7%, #458CB9 86%);

 

HEX #BA7346 zu HEX #458CB9


CSS-Code:

background-image: radial-gradient(circle, #BA7346 0%, #458CB9 89%);

Linear

HEX #458CB9 zu HEX #44ACBA


CSS-Code:

background-image: linear-gradient(135deg, #458CB9 11%, #44ACBA 89%);

Radial

HEX #458CB9 zu HEX #44ACBA


CSS-Code:

background-image: radial-gradient(circle, #458CB9 3%, #44ACBA 90%);

 

HEX #44ACBA zu HEX #458CB9


CSS-Code:

background-image: linear-gradient(135deg, #44ACBA 3%, #458CB9 90%);

 

HEX #44ACBA zu HEX #458CB9


CSS-Code:

background-image: radial-gradient(circle, #44ACBA 7%, #458CB9 94%);

 

HEX #458CB9 zu HEX #448DBA


CSS-Code:

background-image: linear-gradient(135deg, #458CB9 2%, #448DBA 93%);

 

HEX #458CB9 zu HEX #448DBA


CSS-Code:

background-image: radial-gradient(circle, #458CB9 13%, #448DBA 99%);

 

HEX #448DBA zu HEX #458CB9


CSS-Code:

background-image: linear-gradient(135deg, #448DBA 2%, #458CB9 93%);

 

HEX #448DBA zu HEX #458CB9


CSS-Code:

background-image: radial-gradient(circle, #448DBA 3%, #458CB9 99%);

 

HEX #458CB9 zu HEX #446DBA


CSS-Code:

background-image: linear-gradient(135deg, #458CB9 11%, #446DBA 97%);

 

HEX #458CB9 zu HEX #446DBA


CSS-Code:

background-image: radial-gradient(circle, #458CB9 1%, #446DBA 94%);

 

HEX #446DBA zu HEX #458CB9


CSS-Code:

background-image: linear-gradient(135deg, #446DBA 6%, #458CB9 86%);

 

HEX #446DBA zu HEX #458CB9


CSS-Code:

background-image: radial-gradient(circle, #446DBA 8%, #458CB9 92%);

 

HEX #458CB9 zu HEX #444EBA


CSS-Code:

background-image: linear-gradient(135deg, #458CB9 5%, #444EBA 99%);

 

HEX #458CB9 zu HEX #444EBA


CSS-Code:

background-image: radial-gradient(circle, #458CB9 9%, #444EBA 87%);

 

HEX #444EBA zu HEX #458CB9


CSS-Code:

background-image: linear-gradient(135deg, #444EBA 2%, #458CB9 98%);

 

HEX #444EBA zu HEX #458CB9


CSS-Code:

background-image: radial-gradient(circle, #444EBA 7%, #458CB9 90%);

Linear

HEX #458CB9 zu HEX #39759C


CSS-Code:

background-image: linear-gradient(135deg, #458CB9 7%, #39759C 91%);

Radial

HEX #458CB9 zu HEX #39759C


CSS-Code:

background-image: radial-gradient(circle, #458CB9 4%, #39759C 93%);

 

HEX #39759C zu HEX #458CB9


CSS-Code:

background-image: linear-gradient(135deg, #39759C 7%, #458CB9 94%);

 

HEX #39759C zu HEX #458CB9


CSS-Code:

background-image: radial-gradient(circle, #39759C 12%, #458CB9 94%);

 

HEX #458CB9 zu HEX #448CBA


CSS-Code:

background-image: linear-gradient(135deg, #458CB9 9%, #448CBA 91%);

 

HEX #458CB9 zu HEX #448CBA


CSS-Code:

background-image: radial-gradient(circle, #458CB9 3%, #448CBA 92%);

 

HEX #448CBA zu HEX #458CB9


CSS-Code:

background-image: linear-gradient(135deg, #448CBA 1%, #458CB9 87%);

 

HEX #448CBA zu HEX #458CB9


CSS-Code:

background-image: radial-gradient(circle, #448CBA 0%, #458CB9 97%);

 

HEX #458CB9 zu HEX #629FC5


CSS-Code:

background-image: linear-gradient(135deg, #458CB9 11%, #629FC5 88%);

 

HEX #458CB9 zu HEX #629FC5


CSS-Code:

background-image: radial-gradient(circle, #458CB9 7%, #629FC5 86%);

 

HEX #629FC5 zu HEX #458CB9


CSS-Code:

background-image: linear-gradient(135deg, #629FC5 13%, #458CB9 95%);

 

HEX #629FC5 zu HEX #458CB9


CSS-Code:

background-image: radial-gradient(circle, #629FC5 9%, #458CB9 92%);

 

HEX #458CB9 zu HEX #81B1D0


CSS-Code:

background-image: linear-gradient(135deg, #458CB9 7%, #81B1D0 91%);

 

HEX #458CB9 zu HEX #81B1D0


CSS-Code:

background-image: radial-gradient(circle, #458CB9 13%, #81B1D0 92%);

 

HEX #81B1D0 zu HEX #458CB9


CSS-Code:

background-image: linear-gradient(135deg, #81B1D0 7%, #458CB9 87%);

 

HEX #81B1D0 zu HEX #458CB9


CSS-Code:

background-image: radial-gradient(circle, #81B1D0 8%, #458CB9 91%);

Linear

HEX #458CB9 zu HEX #44ACBA


CSS-Code:

background-image: linear-gradient(135deg, #458CB9 11%, #44ACBA 90%);

Radial

HEX #458CB9 zu HEX #44ACBA


CSS-Code:

background-image: radial-gradient(circle, #458CB9 7%, #44ACBA 93%);

 

HEX #44ACBA zu HEX #458CB9


CSS-Code:

background-image: linear-gradient(135deg, #44ACBA 10%, #458CB9 91%);

 

HEX #44ACBA zu HEX #458CB9


CSS-Code:

background-image: radial-gradient(circle, #44ACBA 14%, #458CB9 88%);

 

HEX #458CB9 zu HEX #448DBA


CSS-Code:

background-image: linear-gradient(135deg, #458CB9 5%, #448DBA 87%);

 

HEX #458CB9 zu HEX #448DBA


CSS-Code:

background-image: radial-gradient(circle, #458CB9 9%, #448DBA 98%);

 

HEX #448DBA zu HEX #458CB9


CSS-Code:

background-image: linear-gradient(135deg, #448DBA 13%, #458CB9 97%);

 

HEX #448DBA zu HEX #458CB9


CSS-Code:

background-image: radial-gradient(circle, #448DBA 4%, #458CB9 98%);

 

HEX #458CB9 zu HEX #446DBA


CSS-Code:

background-image: linear-gradient(135deg, #458CB9 4%, #446DBA 94%);

 

HEX #458CB9 zu HEX #446DBA


CSS-Code:

background-image: radial-gradient(circle, #458CB9 13%, #446DBA 89%);

 

HEX #446DBA zu HEX #458CB9


CSS-Code:

background-image: linear-gradient(135deg, #446DBA 9%, #458CB9 87%);

 

HEX #446DBA zu HEX #458CB9


CSS-Code:

background-image: radial-gradient(circle, #446DBA 3%, #458CB9 92%);

 

HEX #458CB9 zu HEX #444EBA


CSS-Code:

background-image: linear-gradient(135deg, #458CB9 8%, #444EBA 89%);

 

HEX #458CB9 zu HEX #444EBA


CSS-Code:

background-image: radial-gradient(circle, #458CB9 3%, #444EBA 92%);

 

HEX #444EBA zu HEX #458CB9


CSS-Code:

background-image: linear-gradient(135deg, #444EBA 6%, #458CB9 96%);

 

HEX #444EBA zu HEX #458CB9


CSS-Code:

background-image: radial-gradient(circle, #444EBA 3%, #458CB9 91%);

Linear

HEX #458CB9 zu HEX #39759C


CSS-Code:

background-image: linear-gradient(135deg, #458CB9 3%, #39759C 89%);

Radial

HEX #458CB9 zu HEX #39759C


CSS-Code:

background-image: radial-gradient(circle, #458CB9 3%, #39759C 88%);

 

HEX #39759C zu HEX #458CB9


CSS-Code:

background-image: linear-gradient(135deg, #39759C 14%, #458CB9 95%);

 

HEX #39759C zu HEX #458CB9


CSS-Code:

background-image: radial-gradient(circle, #39759C 2%, #458CB9 100%);

 

HEX #458CB9 zu HEX #448CBA


CSS-Code:

background-image: linear-gradient(135deg, #458CB9 5%, #448CBA 99%);

 

HEX #458CB9 zu HEX #448CBA


CSS-Code:

background-image: radial-gradient(circle, #458CB9 10%, #448CBA 90%);

 

HEX #448CBA zu HEX #458CB9


CSS-Code:

background-image: linear-gradient(135deg, #448CBA 14%, #458CB9 89%);

 

HEX #448CBA zu HEX #458CB9


CSS-Code:

background-image: radial-gradient(circle, #448CBA 2%, #458CB9 89%);

 

HEX #458CB9 zu HEX #629FC5


CSS-Code:

background-image: linear-gradient(135deg, #458CB9 11%, #629FC5 100%);

 

HEX #458CB9 zu HEX #629FC5


CSS-Code:

background-image: radial-gradient(circle, #458CB9 14%, #629FC5 98%);

 

HEX #629FC5 zu HEX #458CB9


CSS-Code:

background-image: linear-gradient(135deg, #629FC5 5%, #458CB9 92%);

 

HEX #629FC5 zu HEX #458CB9


CSS-Code:

background-image: radial-gradient(circle, #629FC5 14%, #458CB9 87%);

 

HEX #458CB9 zu HEX #81B1D0


CSS-Code:

background-image: linear-gradient(135deg, #458CB9 12%, #81B1D0 94%);

 

HEX #458CB9 zu HEX #81B1D0


CSS-Code:

background-image: radial-gradient(circle, #458CB9 14%, #81B1D0 87%);

 

HEX #81B1D0 zu HEX #458CB9


CSS-Code:

background-image: linear-gradient(135deg, #81B1D0 1%, #458CB9 94%);

 

HEX #81B1D0 zu HEX #458CB9


CSS-Code:

background-image: radial-gradient(circle, #81B1D0 1%, #458CB9 99%);

Linear

HEX #458CB9 zu HEX #8944BA


CSS-Code:

background-image: linear-gradient(135deg, #458CB9 0%, #8944BA 87%);

Radial

HEX #458CB9 zu HEX #8944BA


CSS-Code:

background-image: radial-gradient(circle, #458CB9 13%, #8944BA 88%);

 

HEX #8944BA zu HEX #458CB9


CSS-Code:

background-image: linear-gradient(135deg, #8944BA 12%, #458CB9 88%);

 

HEX #8944BA zu HEX #458CB9


CSS-Code:

background-image: radial-gradient(circle, #8944BA 0%, #458CB9 87%);

 

HEX #458CB9 zu HEX #BAB844


CSS-Code:

background-image: linear-gradient(135deg, #458CB9 4%, #BAB844 93%);

 

HEX #458CB9 zu HEX #BAB844


CSS-Code:

background-image: radial-gradient(circle, #458CB9 8%, #BAB844 91%);

 

HEX #BAB844 zu HEX #458CB9


CSS-Code:

background-image: linear-gradient(135deg, #BAB844 1%, #458CB9 93%);

 

HEX #BAB844 zu HEX #458CB9


CSS-Code:

background-image: radial-gradient(circle, #BAB844 10%, #458CB9 99%);

Linear

HEX #458CB9 zu HEX #BA448D


CSS-Code:

background-image: linear-gradient(135deg, #458CB9 13%, #BA448D 93%);

Radial

HEX #458CB9 zu HEX #BA448D


CSS-Code:

background-image: radial-gradient(circle, #458CB9 2%, #BA448D 91%);

 

HEX #BA448D zu HEX #458CB9


CSS-Code:

background-image: linear-gradient(135deg, #BA448D 5%, #458CB9 89%);

 

HEX #BA448D zu HEX #458CB9


CSS-Code:

background-image: radial-gradient(circle, #BA448D 11%, #458CB9 98%);

 

HEX #458CB9 zu HEX #8DBA44


CSS-Code:

background-image: linear-gradient(135deg, #458CB9 8%, #8DBA44 90%);

 

HEX #458CB9 zu HEX #8DBA44


CSS-Code:

background-image: radial-gradient(circle, #458CB9 2%, #8DBA44 100%);

 

HEX #8DBA44 zu HEX #458CB9


CSS-Code:

background-image: linear-gradient(135deg, #8DBA44 14%, #458CB9 93%);

 

HEX #8DBA44 zu HEX #458CB9


CSS-Code:

background-image: radial-gradient(circle, #8DBA44 9%, #458CB9 89%);

Linear

HEX #458CB9 zu HEX #8944BA


CSS-Code:

background-image: linear-gradient(135deg, #458CB9 13%, #8944BA 89%);

Radial

HEX #458CB9 zu HEX #8944BA


CSS-Code:

background-image: radial-gradient(circle, #458CB9 10%, #8944BA 100%);

 

HEX #8944BA zu HEX #458CB9


CSS-Code:

background-image: linear-gradient(135deg, #8944BA 4%, #458CB9 86%);

 

HEX #8944BA zu HEX #458CB9


CSS-Code:

background-image: radial-gradient(circle, #8944BA 2%, #458CB9 87%);

 

HEX #458CB9 zu HEX #BA7144


CSS-Code:

background-image: linear-gradient(135deg, #458CB9 11%, #BA7144 87%);

 

HEX #458CB9 zu HEX #BA7144


CSS-Code:

background-image: radial-gradient(circle, #458CB9 11%, #BA7144 89%);

 

HEX #BA7144 zu HEX #458CB9


CSS-Code:

background-image: linear-gradient(135deg, #BA7144 0%, #458CB9 89%);

 

HEX #BA7144 zu HEX #458CB9


CSS-Code:

background-image: radial-gradient(circle, #BA7144 4%, #458CB9 86%);

 

HEX #458CB9 zu HEX #75BA44


CSS-Code:

background-image: linear-gradient(135deg, #458CB9 1%, #75BA44 98%);

 

HEX #458CB9 zu HEX #75BA44


CSS-Code:

background-image: radial-gradient(circle, #458CB9 14%, #75BA44 89%);

 

HEX #75BA44 zu HEX #458CB9


CSS-Code:

background-image: linear-gradient(135deg, #75BA44 13%, #458CB9 94%);

 

HEX #75BA44 zu HEX #458CB9


CSS-Code:

background-image: radial-gradient(circle, #75BA44 5%, #458CB9 96%);

Linear

HEX #458CB9 zu HEX #AC44BA


CSS-Code:

background-image: linear-gradient(135deg, #458CB9 10%, #AC44BA 94%);

Radial

HEX #458CB9 zu HEX #AC44BA


CSS-Code:

background-image: radial-gradient(circle, #458CB9 4%, #AC44BA 100%);

 

HEX #AC44BA zu HEX #458CB9


CSS-Code:

background-image: linear-gradient(135deg, #AC44BA 1%, #458CB9 98%);

 

HEX #AC44BA zu HEX #458CB9


CSS-Code:

background-image: radial-gradient(circle, #AC44BA 14%, #458CB9 99%);

 

HEX #458CB9 zu HEX #BA7144


CSS-Code:

background-image: linear-gradient(135deg, #458CB9 7%, #BA7144 96%);

 

HEX #458CB9 zu HEX #BA7144


CSS-Code:

background-image: radial-gradient(circle, #458CB9 11%, #BA7144 86%);

 

HEX #BA7144 zu HEX #458CB9


CSS-Code:

background-image: linear-gradient(135deg, #BA7144 8%, #458CB9 97%);

 

HEX #BA7144 zu HEX #458CB9


CSS-Code:

background-image: radial-gradient(circle, #BA7144 6%, #458CB9 92%);

 

HEX #458CB9 zu HEX #52BA44


CSS-Code:

background-image: linear-gradient(135deg, #458CB9 12%, #52BA44 96%);

 

HEX #458CB9 zu HEX #52BA44


CSS-Code:

background-image: radial-gradient(circle, #458CB9 6%, #52BA44 88%);

 

HEX #52BA44 zu HEX #458CB9


CSS-Code:

background-image: linear-gradient(135deg, #52BA44 0%, #458CB9 93%);

 

HEX #52BA44 zu HEX #458CB9


CSS-Code:

background-image: radial-gradient(circle, #52BA44 5%, #458CB9 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