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

CSS Gradienten:
RGB 96 158 156

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

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #609E9C zu HEX #9F6163


CSS-Code:

background-image: linear-gradient(135deg, #609E9C 8%, #9F6163 99%);

Radial

HEX #609E9C zu HEX #9F6163


CSS-Code:

background-image: radial-gradient(circle, #609E9C 3%, #9F6163 91%);

 

HEX #9F6163 zu HEX #609E9C


CSS-Code:

background-image: linear-gradient(135deg, #9F6163 2%, #609E9C 95%);

 

HEX #9F6163 zu HEX #609E9C


CSS-Code:

background-image: radial-gradient(circle, #9F6163 11%, #609E9C 93%);

Linear

HEX #609E9C zu HEX #76B0AA


CSS-Code:

background-image: linear-gradient(135deg, #609E9C 5%, #76B0AA 88%);

Radial

HEX #609E9C zu HEX #76B0AA


CSS-Code:

background-image: radial-gradient(circle, #609E9C 13%, #76B0AA 88%);

 

HEX #76B0AA zu HEX #609E9C


CSS-Code:

background-image: linear-gradient(135deg, #76B0AA 5%, #609E9C 88%);

 

HEX #76B0AA zu HEX #609E9C


CSS-Code:

background-image: radial-gradient(circle, #76B0AA 11%, #609E9C 87%);

 

HEX #609E9C zu HEX #87C2BD


CSS-Code:

background-image: linear-gradient(135deg, #609E9C 11%, #87C2BD 91%);

 

HEX #609E9C zu HEX #87C2BD


CSS-Code:

background-image: radial-gradient(circle, #609E9C 5%, #87C2BD 86%);

 

HEX #87C2BD zu HEX #609E9C


CSS-Code:

background-image: linear-gradient(135deg, #87C2BD 0%, #609E9C 91%);

 

HEX #87C2BD zu HEX #609E9C


CSS-Code:

background-image: radial-gradient(circle, #87C2BD 8%, #609E9C 100%);

 

HEX #609E9C zu HEX #98D4D0


CSS-Code:

background-image: linear-gradient(135deg, #609E9C 5%, #98D4D0 96%);

 

HEX #609E9C zu HEX #98D4D0


CSS-Code:

background-image: radial-gradient(circle, #609E9C 9%, #98D4D0 98%);

 

HEX #98D4D0 zu HEX #609E9C


CSS-Code:

background-image: linear-gradient(135deg, #98D4D0 5%, #609E9C 98%);

 

HEX #98D4D0 zu HEX #609E9C


CSS-Code:

background-image: radial-gradient(circle, #98D4D0 5%, #609E9C 86%);

 

HEX #609E9C zu HEX #A9E6E3


CSS-Code:

background-image: linear-gradient(135deg, #609E9C 8%, #A9E6E3 98%);

 

HEX #609E9C zu HEX #A9E6E3


CSS-Code:

background-image: radial-gradient(circle, #609E9C 0%, #A9E6E3 100%);

 

HEX #A9E6E3 zu HEX #609E9C


CSS-Code:

background-image: linear-gradient(135deg, #A9E6E3 1%, #609E9C 88%);

 

HEX #A9E6E3 zu HEX #609E9C


CSS-Code:

background-image: radial-gradient(circle, #A9E6E3 1%, #609E9C 91%);

Linear

HEX #609E9C zu HEX #4F8C89


CSS-Code:

background-image: linear-gradient(135deg, #609E9C 6%, #4F8C89 87%);

Radial

HEX #609E9C zu HEX #4F8C89


CSS-Code:

background-image: radial-gradient(circle, #609E9C 8%, #4F8C89 89%);

 

HEX #4F8C89 zu HEX #609E9C


CSS-Code:

background-image: linear-gradient(135deg, #4F8C89 1%, #609E9C 86%);

 

HEX #4F8C89 zu HEX #609E9C


CSS-Code:

background-image: radial-gradient(circle, #4F8C89 4%, #609E9C 94%);

 

HEX #609E9C zu HEX #3E7A76


CSS-Code:

background-image: linear-gradient(135deg, #609E9C 14%, #3E7A76 91%);

 

HEX #609E9C zu HEX #3E7A76


CSS-Code:

background-image: radial-gradient(circle, #609E9C 3%, #3E7A76 88%);

 

HEX #3E7A76 zu HEX #609E9C


CSS-Code:

background-image: linear-gradient(135deg, #3E7A76 10%, #609E9C 89%);

 

HEX #3E7A76 zu HEX #609E9C


CSS-Code:

background-image: radial-gradient(circle, #3E7A76 8%, #609E9C 100%);

 

HEX #609E9C zu HEX #2D6863


CSS-Code:

background-image: linear-gradient(135deg, #609E9C 8%, #2D6863 91%);

 

HEX #609E9C zu HEX #2D6863


CSS-Code:

background-image: radial-gradient(circle, #609E9C 13%, #2D6863 96%);

 

HEX #2D6863 zu HEX #609E9C


CSS-Code:

background-image: linear-gradient(135deg, #2D6863 5%, #609E9C 97%);

 

HEX #2D6863 zu HEX #609E9C


CSS-Code:

background-image: radial-gradient(circle, #2D6863 6%, #609E9C 91%);

 

HEX #609E9C zu HEX #1C5650


CSS-Code:

background-image: linear-gradient(135deg, #609E9C 14%, #1C5650 99%);

 

HEX #609E9C zu HEX #1C5650


CSS-Code:

background-image: radial-gradient(circle, #609E9C 2%, #1C5650 88%);

 

HEX #1C5650 zu HEX #609E9C


CSS-Code:

background-image: linear-gradient(135deg, #1C5650 5%, #609E9C 91%);

 

HEX #1C5650 zu HEX #609E9C


CSS-Code:

background-image: radial-gradient(circle, #1C5650 13%, #609E9C 99%);

Linear

HEX #609E9C zu HEX #60959E


CSS-Code:

background-image: linear-gradient(135deg, #609E9C 11%, #60959E 87%);

Radial

HEX #609E9C zu HEX #60959E


CSS-Code:

background-image: radial-gradient(circle, #609E9C 1%, #60959E 90%);

 

HEX #60959E zu HEX #609E9C


CSS-Code:

background-image: linear-gradient(135deg, #60959E 2%, #609E9C 97%);

 

HEX #60959E zu HEX #609E9C


CSS-Code:

background-image: radial-gradient(circle, #60959E 9%, #609E9C 94%);

 

HEX #609E9C zu HEX #608B9E


CSS-Code:

background-image: linear-gradient(135deg, #609E9C 2%, #608B9E 95%);

 

HEX #609E9C zu HEX #608B9E


CSS-Code:

background-image: radial-gradient(circle, #609E9C 1%, #608B9E 86%);

 

HEX #608B9E zu HEX #609E9C


CSS-Code:

background-image: linear-gradient(135deg, #608B9E 8%, #609E9C 97%);

 

HEX #608B9E zu HEX #609E9C


CSS-Code:

background-image: radial-gradient(circle, #608B9E 13%, #609E9C 95%);

 

HEX #609E9C zu HEX #60819E


CSS-Code:

background-image: linear-gradient(135deg, #609E9C 3%, #60819E 88%);

 

HEX #609E9C zu HEX #60819E


CSS-Code:

background-image: radial-gradient(circle, #609E9C 8%, #60819E 94%);

 

HEX #60819E zu HEX #609E9C


CSS-Code:

background-image: linear-gradient(135deg, #60819E 0%, #609E9C 91%);

 

HEX #60819E zu HEX #609E9C


CSS-Code:

background-image: radial-gradient(circle, #60819E 14%, #609E9C 86%);

 

HEX #609E9C zu HEX #60779E


CSS-Code:

background-image: linear-gradient(135deg, #609E9C 8%, #60779E 87%);

 

HEX #609E9C zu HEX #60779E


CSS-Code:

background-image: radial-gradient(circle, #609E9C 9%, #60779E 94%);

 

HEX #60779E zu HEX #609E9C


CSS-Code:

background-image: linear-gradient(135deg, #60779E 13%, #609E9C 96%);

 

HEX #60779E zu HEX #609E9C


CSS-Code:

background-image: radial-gradient(circle, #60779E 9%, #609E9C 92%);

Linear

HEX #609E9C zu HEX #7FD1CE


CSS-Code:

background-image: linear-gradient(135deg, #609E9C 1%, #7FD1CE 87%);

Radial

HEX #609E9C zu HEX #7FD1CE


CSS-Code:

background-image: radial-gradient(circle, #609E9C 13%, #7FD1CE 96%);

 

HEX #7FD1CE zu HEX #609E9C


CSS-Code:

background-image: linear-gradient(135deg, #7FD1CE 1%, #609E9C 91%);

 

HEX #7FD1CE zu HEX #609E9C


CSS-Code:

background-image: radial-gradient(circle, #7FD1CE 1%, #609E9C 98%);

 

HEX #609E9C zu HEX #030505


CSS-Code:

background-image: linear-gradient(135deg, #609E9C 6%, #030505 86%);

 

HEX #609E9C zu HEX #030505


CSS-Code:

background-image: radial-gradient(circle, #609E9C 10%, #030505 88%);

 

HEX #030505 zu HEX #609E9C


CSS-Code:

background-image: linear-gradient(135deg, #030505 14%, #609E9C 96%);

 

HEX #030505 zu HEX #609E9C


CSS-Code:

background-image: radial-gradient(circle, #030505 4%, #609E9C 93%);

 

HEX #609E9C zu HEX #223837


CSS-Code:

background-image: linear-gradient(135deg, #609E9C 0%, #223837 93%);

 

HEX #609E9C zu HEX #223837


CSS-Code:

background-image: radial-gradient(circle, #609E9C 1%, #223837 96%);

 

HEX #223837 zu HEX #609E9C


CSS-Code:

background-image: linear-gradient(135deg, #223837 11%, #609E9C 94%);

 

HEX #223837 zu HEX #609E9C


CSS-Code:

background-image: radial-gradient(circle, #223837 10%, #609E9C 91%);

 

HEX #609E9C zu HEX #416B6A


CSS-Code:

background-image: linear-gradient(135deg, #609E9C 7%, #416B6A 92%);

 

HEX #609E9C zu HEX #416B6A


CSS-Code:

background-image: radial-gradient(circle, #609E9C 4%, #416B6A 96%);

 

HEX #416B6A zu HEX #609E9C


CSS-Code:

background-image: linear-gradient(135deg, #416B6A 11%, #609E9C 94%);

 

HEX #416B6A zu HEX #609E9C


CSS-Code:

background-image: radial-gradient(circle, #416B6A 6%, #609E9C 95%);

Linear

HEX #609E9C zu HEX #6B609E


CSS-Code:

background-image: linear-gradient(135deg, #609E9C 5%, #6B609E 94%);

Radial

HEX #609E9C zu HEX #6B609E


CSS-Code:

background-image: radial-gradient(circle, #609E9C 5%, #6B609E 95%);

 

HEX #6B609E zu HEX #609E9C


CSS-Code:

background-image: linear-gradient(135deg, #6B609E 0%, #609E9C 89%);

 

HEX #6B609E zu HEX #609E9C


CSS-Code:

background-image: radial-gradient(circle, #6B609E 6%, #609E9C 87%);

 

HEX #609E9C zu HEX #9E8360


CSS-Code:

background-image: linear-gradient(135deg, #609E9C 7%, #9E8360 86%);

 

HEX #609E9C zu HEX #9E8360


CSS-Code:

background-image: radial-gradient(circle, #609E9C 10%, #9E8360 93%);

 

HEX #9E8360 zu HEX #609E9C


CSS-Code:

background-image: linear-gradient(135deg, #9E8360 3%, #609E9C 89%);

 

HEX #9E8360 zu HEX #609E9C


CSS-Code:

background-image: radial-gradient(circle, #9E8360 4%, #609E9C 93%);

Linear

HEX #609E9C zu HEX #9C609E


CSS-Code:

background-image: linear-gradient(135deg, #609E9C 4%, #9C609E 100%);

Radial

HEX #609E9C zu HEX #9C609E


CSS-Code:

background-image: radial-gradient(circle, #609E9C 6%, #9C609E 88%);

 

HEX #9C609E zu HEX #609E9C


CSS-Code:

background-image: linear-gradient(135deg, #9C609E 2%, #609E9C 89%);

 

HEX #9C609E zu HEX #609E9C


CSS-Code:

background-image: radial-gradient(circle, #9C609E 13%, #609E9C 95%);

 

HEX #609E9C zu HEX #9E9C60


CSS-Code:

background-image: linear-gradient(135deg, #609E9C 5%, #9E9C60 98%);

 

HEX #609E9C zu HEX #9E9C60


CSS-Code:

background-image: radial-gradient(circle, #609E9C 11%, #9E9C60 88%);

 

HEX #9E9C60 zu HEX #609E9C


CSS-Code:

background-image: linear-gradient(135deg, #9E9C60 13%, #609E9C 87%);

 

HEX #9E9C60 zu HEX #609E9C


CSS-Code:

background-image: radial-gradient(circle, #9E9C60 1%, #609E9C 87%);

Linear

HEX #609E9C zu HEX #6B609E


CSS-Code:

background-image: linear-gradient(135deg, #609E9C 13%, #6B609E 97%);

Radial

HEX #609E9C zu HEX #6B609E


CSS-Code:

background-image: radial-gradient(circle, #609E9C 7%, #6B609E 91%);

 

HEX #6B609E zu HEX #609E9C


CSS-Code:

background-image: linear-gradient(135deg, #6B609E 12%, #609E9C 92%);

 

HEX #6B609E zu HEX #609E9C


CSS-Code:

background-image: radial-gradient(circle, #6B609E 12%, #609E9C 92%);

 

HEX #609E9C zu HEX #9E6062


CSS-Code:

background-image: linear-gradient(135deg, #609E9C 2%, #9E6062 96%);

 

HEX #609E9C zu HEX #9E6062


CSS-Code:

background-image: radial-gradient(circle, #609E9C 6%, #9E6062 91%);

 

HEX #9E6062 zu HEX #609E9C


CSS-Code:

background-image: linear-gradient(135deg, #9E6062 14%, #609E9C 90%);

 

HEX #9E6062 zu HEX #609E9C


CSS-Code:

background-image: radial-gradient(circle, #9E6062 1%, #609E9C 88%);

 

HEX #609E9C zu HEX #939E60


CSS-Code:

background-image: linear-gradient(135deg, #609E9C 3%, #939E60 95%);

 

HEX #609E9C zu HEX #939E60


CSS-Code:

background-image: radial-gradient(circle, #609E9C 10%, #939E60 94%);

 

HEX #939E60 zu HEX #609E9C


CSS-Code:

background-image: linear-gradient(135deg, #939E60 13%, #609E9C 94%);

 

HEX #939E60 zu HEX #609E9C


CSS-Code:

background-image: radial-gradient(circle, #939E60 10%, #609E9C 99%);

Linear

HEX #609E9C zu HEX #7D609E


CSS-Code:

background-image: linear-gradient(135deg, #609E9C 6%, #7D609E 91%);

Radial

HEX #609E9C zu HEX #7D609E


CSS-Code:

background-image: radial-gradient(circle, #609E9C 2%, #7D609E 93%);

 

HEX #7D609E zu HEX #609E9C


CSS-Code:

background-image: linear-gradient(135deg, #7D609E 6%, #609E9C 92%);

 

HEX #7D609E zu HEX #609E9C


CSS-Code:

background-image: radial-gradient(circle, #7D609E 1%, #609E9C 88%);

 

HEX #609E9C zu HEX #9E6062


CSS-Code:

background-image: linear-gradient(135deg, #609E9C 1%, #9E6062 95%);

 

HEX #609E9C zu HEX #9E6062


CSS-Code:

background-image: radial-gradient(circle, #609E9C 12%, #9E6062 99%);

 

HEX #9E6062 zu HEX #609E9C


CSS-Code:

background-image: linear-gradient(135deg, #9E6062 13%, #609E9C 90%);

 

HEX #9E6062 zu HEX #609E9C


CSS-Code:

background-image: radial-gradient(circle, #9E6062 8%, #609E9C 95%);

 

HEX #609E9C zu HEX #819E60


CSS-Code:

background-image: linear-gradient(135deg, #609E9C 5%, #819E60 87%);

 

HEX #609E9C zu HEX #819E60


CSS-Code:

background-image: radial-gradient(circle, #609E9C 11%, #819E60 90%);

 

HEX #819E60 zu HEX #609E9C


CSS-Code:

background-image: linear-gradient(135deg, #819E60 12%, #609E9C 91%);

 

HEX #819E60 zu HEX #609E9C


CSS-Code:

background-image: radial-gradient(circle, #819E60 10%, #609E9C 98%);

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

CMYK in HEX

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

CMYK in RGB

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

CMYK in RGBA

umrechnen von CMYK cyan / magenta / gelb / key zu RGBA rot grün blau transparenz

CMYK in RAL®

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

CMYK in HKS®

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

CMYK in PANTONE®

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

CMYK in Sherwin Williams®

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

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

NCS® in RGB

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

NCS® in RGBA

umrechnen von NCS-Nummer (S0000-X00X) zu RGBA rot grün blau transparenz

NCS® in CMYK

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

Icons

NCS® in HEX

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

NCS® in RAL®

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

NCS® in HKS®

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

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.