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

✕

CSS Gradienten:
RGB 97 150 102

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

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #619666 zu HEX #9E6999


CSS-Code:

background-image: linear-gradient(135deg, #619666 10%, #9E6999 94%);

Radial

HEX #619666 zu HEX #9E6999


CSS-Code:

background-image: radial-gradient(circle, #619666 0%, #9E6999 91%);

 

HEX #9E6999 zu HEX #619666


CSS-Code:

background-image: linear-gradient(135deg, #9E6999 6%, #619666 88%);

 

HEX #9E6999 zu HEX #619666


CSS-Code:

background-image: radial-gradient(circle, #9E6999 5%, #619666 97%);

Linear

HEX #619666 zu HEX #6A9460


CSS-Code:

background-image: linear-gradient(135deg, #619666 10%, #6A9460 86%);

Radial

HEX #619666 zu HEX #6A9460


CSS-Code:

background-image: radial-gradient(circle, #619666 11%, #6A9460 100%);

 

HEX #6A9460 zu HEX #619666


CSS-Code:

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

 

HEX #6A9460 zu HEX #619666


CSS-Code:

background-image: radial-gradient(circle, #6A9460 6%, #619666 92%);

 

HEX #619666 zu HEX #609464


CSS-Code:

background-image: linear-gradient(135deg, #619666 8%, #609464 87%);

 

HEX #619666 zu HEX #609464


CSS-Code:

background-image: radial-gradient(circle, #619666 3%, #609464 88%);

 

HEX #609464 zu HEX #619666


CSS-Code:

background-image: linear-gradient(135deg, #609464 4%, #619666 88%);

 

HEX #609464 zu HEX #619666


CSS-Code:

background-image: radial-gradient(circle, #609464 4%, #619666 88%);

 

HEX #619666 zu HEX #609472


CSS-Code:

background-image: linear-gradient(135deg, #619666 14%, #609472 97%);

 

HEX #619666 zu HEX #609472


CSS-Code:

background-image: radial-gradient(circle, #619666 13%, #609472 89%);

 

HEX #609472 zu HEX #619666


CSS-Code:

background-image: linear-gradient(135deg, #609472 1%, #619666 89%);

 

HEX #609472 zu HEX #619666


CSS-Code:

background-image: radial-gradient(circle, #609472 6%, #619666 93%);

 

HEX #619666 zu HEX #609480


CSS-Code:

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

 

HEX #619666 zu HEX #609480


CSS-Code:

background-image: radial-gradient(circle, #619666 14%, #609480 86%);

 

HEX #609480 zu HEX #619666


CSS-Code:

background-image: linear-gradient(135deg, #609480 4%, #619666 99%);

 

HEX #609480 zu HEX #619666


CSS-Code:

background-image: radial-gradient(circle, #609480 1%, #619666 100%);

Linear

HEX #619666 zu HEX #507B54


CSS-Code:

background-image: linear-gradient(135deg, #619666 0%, #507B54 86%);

Radial

HEX #619666 zu HEX #507B54


CSS-Code:

background-image: radial-gradient(circle, #619666 10%, #507B54 97%);

 

HEX #507B54 zu HEX #619666


CSS-Code:

background-image: linear-gradient(135deg, #507B54 14%, #619666 86%);

 

HEX #507B54 zu HEX #619666


CSS-Code:

background-image: radial-gradient(circle, #507B54 3%, #619666 90%);

 

HEX #619666 zu HEX #609465


CSS-Code:

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

 

HEX #619666 zu HEX #609465


CSS-Code:

background-image: radial-gradient(circle, #619666 8%, #609465 96%);

 

HEX #609465 zu HEX #619666


CSS-Code:

background-image: linear-gradient(135deg, #609465 10%, #619666 98%);

 

HEX #609465 zu HEX #619666


CSS-Code:

background-image: radial-gradient(circle, #609465 7%, #619666 86%);

 

HEX #619666 zu HEX #77A67B


CSS-Code:

background-image: linear-gradient(135deg, #619666 10%, #77A67B 99%);

 

HEX #619666 zu HEX #77A67B


CSS-Code:

background-image: radial-gradient(circle, #619666 11%, #77A67B 96%);

 

HEX #77A67B zu HEX #619666


CSS-Code:

background-image: linear-gradient(135deg, #77A67B 12%, #619666 98%);

 

HEX #77A67B zu HEX #619666


CSS-Code:

background-image: radial-gradient(circle, #77A67B 6%, #619666 89%);

 

HEX #619666 zu HEX #90B694


CSS-Code:

background-image: linear-gradient(135deg, #619666 1%, #90B694 98%);

 

HEX #619666 zu HEX #90B694


CSS-Code:

background-image: radial-gradient(circle, #619666 12%, #90B694 99%);

 

HEX #90B694 zu HEX #619666


CSS-Code:

background-image: linear-gradient(135deg, #90B694 14%, #619666 100%);

 

HEX #90B694 zu HEX #619666


CSS-Code:

background-image: radial-gradient(circle, #90B694 2%, #619666 93%);

Linear

HEX #619666 zu HEX #6A9460


CSS-Code:

background-image: linear-gradient(135deg, #619666 13%, #6A9460 99%);

Radial

HEX #619666 zu HEX #6A9460


CSS-Code:

background-image: radial-gradient(circle, #619666 6%, #6A9460 94%);

 

HEX #6A9460 zu HEX #619666


CSS-Code:

background-image: linear-gradient(135deg, #6A9460 10%, #619666 90%);

 

HEX #6A9460 zu HEX #619666


CSS-Code:

background-image: radial-gradient(circle, #6A9460 2%, #619666 94%);

 

HEX #619666 zu HEX #609464


CSS-Code:

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

 

HEX #619666 zu HEX #609464


CSS-Code:

background-image: radial-gradient(circle, #619666 5%, #609464 93%);

 

HEX #609464 zu HEX #619666


CSS-Code:

background-image: linear-gradient(135deg, #609464 5%, #619666 94%);

 

HEX #609464 zu HEX #619666


CSS-Code:

background-image: radial-gradient(circle, #609464 13%, #619666 86%);

 

HEX #619666 zu HEX #609472


CSS-Code:

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

 

HEX #619666 zu HEX #609472


CSS-Code:

background-image: radial-gradient(circle, #619666 4%, #609472 86%);

 

HEX #609472 zu HEX #619666


CSS-Code:

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

 

HEX #609472 zu HEX #619666


CSS-Code:

background-image: radial-gradient(circle, #609472 9%, #619666 86%);

 

HEX #619666 zu HEX #609480


CSS-Code:

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

 

HEX #619666 zu HEX #609480


CSS-Code:

background-image: radial-gradient(circle, #619666 11%, #609480 100%);

 

HEX #609480 zu HEX #619666


CSS-Code:

background-image: linear-gradient(135deg, #609480 12%, #619666 93%);

 

HEX #609480 zu HEX #619666


CSS-Code:

background-image: radial-gradient(circle, #609480 9%, #619666 92%);

Linear

HEX #619666 zu HEX #507B54


CSS-Code:

background-image: linear-gradient(135deg, #619666 8%, #507B54 87%);

Radial

HEX #619666 zu HEX #507B54


CSS-Code:

background-image: radial-gradient(circle, #619666 12%, #507B54 97%);

 

HEX #507B54 zu HEX #619666


CSS-Code:

background-image: linear-gradient(135deg, #507B54 4%, #619666 92%);

 

HEX #507B54 zu HEX #619666


CSS-Code:

background-image: radial-gradient(circle, #507B54 7%, #619666 95%);

 

HEX #619666 zu HEX #609465


CSS-Code:

background-image: linear-gradient(135deg, #619666 5%, #609465 92%);

 

HEX #619666 zu HEX #609465


CSS-Code:

background-image: radial-gradient(circle, #619666 4%, #609465 86%);

 

HEX #609465 zu HEX #619666


CSS-Code:

background-image: linear-gradient(135deg, #609465 7%, #619666 92%);

 

HEX #609465 zu HEX #619666


CSS-Code:

background-image: radial-gradient(circle, #609465 5%, #619666 89%);

 

HEX #619666 zu HEX #77A67B


CSS-Code:

background-image: linear-gradient(135deg, #619666 0%, #77A67B 99%);

 

HEX #619666 zu HEX #77A67B


CSS-Code:

background-image: radial-gradient(circle, #619666 5%, #77A67B 92%);

 

HEX #77A67B zu HEX #619666


CSS-Code:

background-image: linear-gradient(135deg, #77A67B 2%, #619666 93%);

 

HEX #77A67B zu HEX #619666


CSS-Code:

background-image: radial-gradient(circle, #77A67B 7%, #619666 89%);

 

HEX #619666 zu HEX #90B694


CSS-Code:

background-image: linear-gradient(135deg, #619666 1%, #90B694 97%);

 

HEX #619666 zu HEX #90B694


CSS-Code:

background-image: radial-gradient(circle, #619666 4%, #90B694 90%);

 

HEX #90B694 zu HEX #619666


CSS-Code:

background-image: linear-gradient(135deg, #90B694 1%, #619666 93%);

 

HEX #90B694 zu HEX #619666


CSS-Code:

background-image: radial-gradient(circle, #90B694 11%, #619666 92%);

Linear

HEX #619666 zu HEX #608594


CSS-Code:

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

Radial

HEX #619666 zu HEX #608594


CSS-Code:

background-image: radial-gradient(circle, #619666 9%, #608594 96%);

 

HEX #608594 zu HEX #619666


CSS-Code:

background-image: linear-gradient(135deg, #608594 2%, #619666 91%);

 

HEX #608594 zu HEX #619666


CSS-Code:

background-image: radial-gradient(circle, #608594 11%, #619666 91%);

 

HEX #619666 zu HEX #946070


CSS-Code:

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

 

HEX #619666 zu HEX #946070


CSS-Code:

background-image: radial-gradient(circle, #619666 9%, #946070 86%);

 

HEX #946070 zu HEX #619666


CSS-Code:

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

 

HEX #946070 zu HEX #619666


CSS-Code:

background-image: radial-gradient(circle, #946070 10%, #619666 97%);

Linear

HEX #619666 zu HEX #646094


CSS-Code:

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

Radial

HEX #619666 zu HEX #646094


CSS-Code:

background-image: radial-gradient(circle, #619666 11%, #646094 92%);

 

HEX #646094 zu HEX #619666


CSS-Code:

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

 

HEX #646094 zu HEX #619666


CSS-Code:

background-image: radial-gradient(circle, #646094 6%, #619666 97%);

 

HEX #619666 zu HEX #946460


CSS-Code:

background-image: linear-gradient(135deg, #619666 12%, #946460 89%);

 

HEX #619666 zu HEX #946460


CSS-Code:

background-image: radial-gradient(circle, #619666 14%, #946460 97%);

 

HEX #946460 zu HEX #619666


CSS-Code:

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

 

HEX #946460 zu HEX #619666


CSS-Code:

background-image: radial-gradient(circle, #946460 4%, #619666 91%);

Linear

HEX #619666 zu HEX #608594


CSS-Code:

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

Radial

HEX #619666 zu HEX #608594


CSS-Code:

background-image: radial-gradient(circle, #619666 7%, #608594 86%);

 

HEX #608594 zu HEX #619666


CSS-Code:

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

 

HEX #608594 zu HEX #619666


CSS-Code:

background-image: radial-gradient(circle, #608594 5%, #619666 94%);

 

HEX #619666 zu HEX #94608F


CSS-Code:

background-image: linear-gradient(135deg, #619666 5%, #94608F 96%);

 

HEX #619666 zu HEX #94608F


CSS-Code:

background-image: radial-gradient(circle, #619666 4%, #94608F 89%);

 

HEX #94608F zu HEX #619666


CSS-Code:

background-image: linear-gradient(135deg, #94608F 13%, #619666 91%);

 

HEX #94608F zu HEX #619666


CSS-Code:

background-image: radial-gradient(circle, #94608F 2%, #619666 88%);

 

HEX #619666 zu HEX #946F60


CSS-Code:

background-image: linear-gradient(135deg, #619666 5%, #946F60 98%);

 

HEX #619666 zu HEX #946F60


CSS-Code:

background-image: radial-gradient(circle, #619666 13%, #946F60 100%);

 

HEX #946F60 zu HEX #619666


CSS-Code:

background-image: linear-gradient(135deg, #946F60 2%, #619666 90%);

 

HEX #946F60 zu HEX #619666


CSS-Code:

background-image: radial-gradient(circle, #946F60 7%, #619666 100%);

Linear

HEX #619666 zu HEX #607694


CSS-Code:

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

Radial

HEX #619666 zu HEX #607694


CSS-Code:

background-image: radial-gradient(circle, #619666 10%, #607694 88%);

 

HEX #607694 zu HEX #619666


CSS-Code:

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

 

HEX #607694 zu HEX #619666


CSS-Code:

background-image: radial-gradient(circle, #607694 4%, #619666 90%);

 

HEX #619666 zu HEX #94608F


CSS-Code:

background-image: linear-gradient(135deg, #619666 5%, #94608F 91%);

 

HEX #619666 zu HEX #94608F


CSS-Code:

background-image: radial-gradient(circle, #619666 10%, #94608F 90%);

 

HEX #94608F zu HEX #619666


CSS-Code:

background-image: linear-gradient(135deg, #94608F 8%, #619666 96%);

 

HEX #94608F zu HEX #619666


CSS-Code:

background-image: radial-gradient(circle, #94608F 9%, #619666 90%);

 

HEX #619666 zu HEX #947E60


CSS-Code:

background-image: linear-gradient(135deg, #619666 6%, #947E60 86%);

 

HEX #619666 zu HEX #947E60


CSS-Code:

background-image: radial-gradient(circle, #619666 5%, #947E60 96%);

 

HEX #947E60 zu HEX #619666


CSS-Code:

background-image: linear-gradient(135deg, #947E60 12%, #619666 100%);

 

HEX #947E60 zu HEX #619666


CSS-Code:

background-image: radial-gradient(circle, #947E60 6%, #619666 94%);

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