Nothing Special   »   [go: up one dir, main page]

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

✕

CSS Gradienten:
#676342

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

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #676342 zu HEX #989CBD


CSS-Code:

background-image: linear-gradient(135deg, #676342 5%, #989CBD 97%);

Radial

HEX #676342 zu HEX #989CBD


CSS-Code:

background-image: radial-gradient(circle, #676342 8%, #989CBD 96%);

 

HEX #989CBD zu HEX #676342


CSS-Code:

background-image: linear-gradient(135deg, #989CBD 6%, #676342 99%);

 

HEX #989CBD zu HEX #676342


CSS-Code:

background-image: radial-gradient(circle, #989CBD 14%, #676342 100%);

Linear

HEX #676342 zu HEX #665841


CSS-Code:

background-image: linear-gradient(135deg, #676342 1%, #665841 92%);

Radial

HEX #676342 zu HEX #665841


CSS-Code:

background-image: radial-gradient(circle, #676342 2%, #665841 86%);

 

HEX #665841 zu HEX #676342


CSS-Code:

background-image: linear-gradient(135deg, #665841 3%, #676342 91%);

 

HEX #665841 zu HEX #676342


CSS-Code:

background-image: radial-gradient(circle, #665841 2%, #676342 99%);

 

HEX #676342 zu HEX #666241


CSS-Code:

background-image: linear-gradient(135deg, #676342 3%, #666241 92%);

 

HEX #676342 zu HEX #666241


CSS-Code:

background-image: radial-gradient(circle, #676342 14%, #666241 88%);

 

HEX #666241 zu HEX #676342


CSS-Code:

background-image: linear-gradient(135deg, #666241 4%, #676342 87%);

 

HEX #666241 zu HEX #676342


CSS-Code:

background-image: radial-gradient(circle, #666241 11%, #676342 92%);

 

HEX #676342 zu HEX #616641


CSS-Code:

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

 

HEX #676342 zu HEX #616641


CSS-Code:

background-image: radial-gradient(circle, #676342 8%, #616641 87%);

 

HEX #616641 zu HEX #676342


CSS-Code:

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

 

HEX #616641 zu HEX #676342


CSS-Code:

background-image: radial-gradient(circle, #616641 2%, #676342 93%);

 

HEX #676342 zu HEX #576641


CSS-Code:

background-image: linear-gradient(135deg, #676342 7%, #576641 94%);

 

HEX #676342 zu HEX #576641


CSS-Code:

background-image: radial-gradient(circle, #676342 6%, #576641 90%);

 

HEX #576641 zu HEX #676342


CSS-Code:

background-image: linear-gradient(135deg, #576641 14%, #676342 92%);

 

HEX #576641 zu HEX #676342


CSS-Code:

background-image: radial-gradient(circle, #576641 12%, #676342 86%);

Linear

HEX #676342 zu HEX #4D4A31


CSS-Code:

background-image: linear-gradient(135deg, #676342 3%, #4D4A31 96%);

Radial

HEX #676342 zu HEX #4D4A31


CSS-Code:

background-image: radial-gradient(circle, #676342 7%, #4D4A31 91%);

 

HEX #4D4A31 zu HEX #676342


CSS-Code:

background-image: linear-gradient(135deg, #4D4A31 5%, #676342 93%);

 

HEX #4D4A31 zu HEX #676342


CSS-Code:

background-image: radial-gradient(circle, #4D4A31 7%, #676342 96%);

 

HEX #676342 zu HEX #666241


CSS-Code:

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

 

HEX #676342 zu HEX #666241


CSS-Code:

background-image: radial-gradient(circle, #676342 2%, #666241 88%);

 

HEX #666241 zu HEX #676342


CSS-Code:

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

 

HEX #666241 zu HEX #676342


CSS-Code:

background-image: radial-gradient(circle, #666241 12%, #676342 86%);

 

HEX #676342 zu HEX #7F7A51


CSS-Code:

background-image: linear-gradient(135deg, #676342 10%, #7F7A51 99%);

 

HEX #676342 zu HEX #7F7A51


CSS-Code:

background-image: radial-gradient(circle, #676342 13%, #7F7A51 98%);

 

HEX #7F7A51 zu HEX #676342


CSS-Code:

background-image: linear-gradient(135deg, #7F7A51 4%, #676342 94%);

 

HEX #7F7A51 zu HEX #676342


CSS-Code:

background-image: radial-gradient(circle, #7F7A51 14%, #676342 91%);

 

HEX #676342 zu HEX #989361


CSS-Code:

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

 

HEX #676342 zu HEX #989361


CSS-Code:

background-image: radial-gradient(circle, #676342 13%, #989361 88%);

 

HEX #989361 zu HEX #676342


CSS-Code:

background-image: linear-gradient(135deg, #989361 12%, #676342 88%);

 

HEX #989361 zu HEX #676342


CSS-Code:

background-image: radial-gradient(circle, #989361 8%, #676342 87%);

Linear

HEX #676342 zu HEX #665841


CSS-Code:

background-image: linear-gradient(135deg, #676342 9%, #665841 98%);

Radial

HEX #676342 zu HEX #665841


CSS-Code:

background-image: radial-gradient(circle, #676342 8%, #665841 95%);

 

HEX #665841 zu HEX #676342


CSS-Code:

background-image: linear-gradient(135deg, #665841 6%, #676342 91%);

 

HEX #665841 zu HEX #676342


CSS-Code:

background-image: radial-gradient(circle, #665841 9%, #676342 96%);

 

HEX #676342 zu HEX #666241


CSS-Code:

background-image: linear-gradient(135deg, #676342 9%, #666241 96%);

 

HEX #676342 zu HEX #666241


CSS-Code:

background-image: radial-gradient(circle, #676342 6%, #666241 95%);

 

HEX #666241 zu HEX #676342


CSS-Code:

background-image: linear-gradient(135deg, #666241 14%, #676342 91%);

 

HEX #666241 zu HEX #676342


CSS-Code:

background-image: radial-gradient(circle, #666241 4%, #676342 87%);

 

HEX #676342 zu HEX #616641


CSS-Code:

background-image: linear-gradient(135deg, #676342 2%, #616641 86%);

 

HEX #676342 zu HEX #616641


CSS-Code:

background-image: radial-gradient(circle, #676342 10%, #616641 91%);

 

HEX #616641 zu HEX #676342


CSS-Code:

background-image: linear-gradient(135deg, #616641 0%, #676342 99%);

 

HEX #616641 zu HEX #676342


CSS-Code:

background-image: radial-gradient(circle, #616641 5%, #676342 94%);

 

HEX #676342 zu HEX #576641


CSS-Code:

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

 

HEX #676342 zu HEX #576641


CSS-Code:

background-image: radial-gradient(circle, #676342 6%, #576641 92%);

 

HEX #576641 zu HEX #676342


CSS-Code:

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

 

HEX #576641 zu HEX #676342


CSS-Code:

background-image: radial-gradient(circle, #576641 3%, #676342 100%);

Linear

HEX #676342 zu HEX #4D4A31


CSS-Code:

background-image: linear-gradient(135deg, #676342 12%, #4D4A31 98%);

Radial

HEX #676342 zu HEX #4D4A31


CSS-Code:

background-image: radial-gradient(circle, #676342 0%, #4D4A31 86%);

 

HEX #4D4A31 zu HEX #676342


CSS-Code:

background-image: linear-gradient(135deg, #4D4A31 1%, #676342 96%);

 

HEX #4D4A31 zu HEX #676342


CSS-Code:

background-image: radial-gradient(circle, #4D4A31 12%, #676342 95%);

 

HEX #676342 zu HEX #666241


CSS-Code:

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

 

HEX #676342 zu HEX #666241


CSS-Code:

background-image: radial-gradient(circle, #676342 5%, #666241 95%);

 

HEX #666241 zu HEX #676342


CSS-Code:

background-image: linear-gradient(135deg, #666241 2%, #676342 92%);

 

HEX #666241 zu HEX #676342


CSS-Code:

background-image: radial-gradient(circle, #666241 10%, #676342 95%);

 

HEX #676342 zu HEX #7F7A51


CSS-Code:

background-image: linear-gradient(135deg, #676342 6%, #7F7A51 96%);

 

HEX #676342 zu HEX #7F7A51


CSS-Code:

background-image: radial-gradient(circle, #676342 13%, #7F7A51 92%);

 

HEX #7F7A51 zu HEX #676342


CSS-Code:

background-image: linear-gradient(135deg, #7F7A51 10%, #676342 90%);

 

HEX #7F7A51 zu HEX #676342


CSS-Code:

background-image: radial-gradient(circle, #7F7A51 11%, #676342 91%);

 

HEX #676342 zu HEX #989361


CSS-Code:

background-image: linear-gradient(135deg, #676342 7%, #989361 93%);

 

HEX #676342 zu HEX #989361


CSS-Code:

background-image: radial-gradient(circle, #676342 9%, #989361 91%);

 

HEX #989361 zu HEX #676342


CSS-Code:

background-image: linear-gradient(135deg, #989361 8%, #676342 95%);

 

HEX #989361 zu HEX #676342


CSS-Code:

background-image: radial-gradient(circle, #989361 13%, #676342 95%);

Linear

HEX #676342 zu HEX #416644


CSS-Code:

background-image: linear-gradient(135deg, #676342 11%, #416644 89%);

Radial

HEX #676342 zu HEX #416644


CSS-Code:

background-image: radial-gradient(circle, #676342 8%, #416644 92%);

 

HEX #416644 zu HEX #676342


CSS-Code:

background-image: linear-gradient(135deg, #416644 14%, #676342 95%);

 

HEX #416644 zu HEX #676342


CSS-Code:

background-image: radial-gradient(circle, #416644 10%, #676342 98%);

 

HEX #676342 zu HEX #534166


CSS-Code:

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

 

HEX #676342 zu HEX #534166


CSS-Code:

background-image: radial-gradient(circle, #676342 14%, #534166 97%);

 

HEX #534166 zu HEX #676342


CSS-Code:

background-image: linear-gradient(135deg, #534166 8%, #676342 90%);

 

HEX #534166 zu HEX #676342


CSS-Code:

background-image: radial-gradient(circle, #534166 0%, #676342 90%);

Linear

HEX #676342 zu HEX #416662


CSS-Code:

background-image: linear-gradient(135deg, #676342 14%, #416662 86%);

Radial

HEX #676342 zu HEX #416662


CSS-Code:

background-image: radial-gradient(circle, #676342 0%, #416662 93%);

 

HEX #416662 zu HEX #676342


CSS-Code:

background-image: linear-gradient(135deg, #416662 10%, #676342 91%);

 

HEX #416662 zu HEX #676342


CSS-Code:

background-image: radial-gradient(circle, #416662 0%, #676342 87%);

 

HEX #676342 zu HEX #624166


CSS-Code:

background-image: linear-gradient(135deg, #676342 3%, #624166 98%);

 

HEX #676342 zu HEX #624166


CSS-Code:

background-image: radial-gradient(circle, #676342 4%, #624166 86%);

 

HEX #624166 zu HEX #676342


CSS-Code:

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

 

HEX #624166 zu HEX #676342


CSS-Code:

background-image: radial-gradient(circle, #624166 3%, #676342 100%);

Linear

HEX #676342 zu HEX #416644


CSS-Code:

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

Radial

HEX #676342 zu HEX #416644


CSS-Code:

background-image: radial-gradient(circle, #676342 10%, #416644 88%);

 

HEX #416644 zu HEX #676342


CSS-Code:

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

 

HEX #416644 zu HEX #676342


CSS-Code:

background-image: radial-gradient(circle, #416644 2%, #676342 95%);

 

HEX #676342 zu HEX #414566


CSS-Code:

background-image: linear-gradient(135deg, #676342 2%, #414566 89%);

 

HEX #676342 zu HEX #414566


CSS-Code:

background-image: radial-gradient(circle, #676342 8%, #414566 90%);

 

HEX #414566 zu HEX #676342


CSS-Code:

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

 

HEX #414566 zu HEX #676342


CSS-Code:

background-image: radial-gradient(circle, #414566 4%, #676342 91%);

 

HEX #676342 zu HEX #664163


CSS-Code:

background-image: linear-gradient(135deg, #676342 11%, #664163 90%);

 

HEX #676342 zu HEX #664163


CSS-Code:

background-image: radial-gradient(circle, #676342 0%, #664163 97%);

 

HEX #664163 zu HEX #676342


CSS-Code:

background-image: linear-gradient(135deg, #664163 2%, #676342 93%);

 

HEX #664163 zu HEX #676342


CSS-Code:

background-image: radial-gradient(circle, #664163 6%, #676342 91%);

Linear

HEX #676342 zu HEX #41664F


CSS-Code:

background-image: linear-gradient(135deg, #676342 0%, #41664F 91%);

Radial

HEX #676342 zu HEX #41664F


CSS-Code:

background-image: radial-gradient(circle, #676342 3%, #41664F 91%);

 

HEX #41664F zu HEX #676342


CSS-Code:

background-image: linear-gradient(135deg, #41664F 7%, #676342 96%);

 

HEX #41664F zu HEX #676342


CSS-Code:

background-image: radial-gradient(circle, #41664F 11%, #676342 96%);

 

HEX #676342 zu HEX #414566


CSS-Code:

background-image: linear-gradient(135deg, #676342 9%, #414566 97%);

 

HEX #676342 zu HEX #414566


CSS-Code:

background-image: radial-gradient(circle, #676342 4%, #414566 93%);

 

HEX #414566 zu HEX #676342


CSS-Code:

background-image: linear-gradient(135deg, #414566 1%, #676342 86%);

 

HEX #414566 zu HEX #676342


CSS-Code:

background-image: radial-gradient(circle, #414566 2%, #676342 100%);

 

HEX #676342 zu HEX #664158


CSS-Code:

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

 

HEX #676342 zu HEX #664158


CSS-Code:

background-image: radial-gradient(circle, #676342 11%, #664158 98%);

 

HEX #664158 zu HEX #676342


CSS-Code:

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

 

HEX #664158 zu HEX #676342


CSS-Code:

background-image: radial-gradient(circle, #664158 6%, #676342 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