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

CSS Gradienten:
#558556

Information

schließe alle

Lassen Sie sich 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: Kopieren Sie den CSS-Code zum einfachen integrieren auf Ihrer Webseite.

Lassen Sie 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: Kopieren Sie den CSS-Code zum einfachen integrieren auf Ihrer Webseite.

Lassen Sie 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: Kopieren Sie den CSS-Code zum einfachen integrieren auf Ihrer Webseite.

Anzeigeoptionen

Beschreibung

Dunkle Farbe: niedrige Farbwerte wirken dunkler.

Die Aufschlüsselung der Farbe in das RGB-Farbsystem: In diesem Farbton sind von 255 maximalen Farbanteilen jeweils 85 Rot, 133 Grün und 86 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.
85 133 86 R G B
Im CMYK-Farbsystem wird die Farbe folgendermaßen zusammengesetzt: In diesem Farbton sind von 100 maximalen Farbanteilen jeweils 36 Cyan, keine Magenta, 35 Gelb und 48 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.
36% 0% 35% 48% C M Y K

Verifizierung Ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #558556 zu HEX #AA7AA9


CSS-Code:

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

Radial

HEX #558556 zu HEX #AA7AA9


CSS-Code:

background-image: radial-gradient(circle, #558556 4%, #AA7AA9 99%);

 

HEX #AA7AA9 zu HEX #558556


CSS-Code:

background-image: linear-gradient(135deg, #AA7AA9 6%, #558556 99%);

 

HEX #AA7AA9 zu HEX #558556


CSS-Code:

background-image: radial-gradient(circle, #AA7AA9 6%, #558556 100%);

Linear

HEX #558556 zu HEX #628656


CSS-Code:

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

Radial

HEX #558556 zu HEX #628656


CSS-Code:

background-image: radial-gradient(circle, #558556 6%, #628656 99%);

 

HEX #628656 zu HEX #558556


CSS-Code:

background-image: linear-gradient(135deg, #628656 11%, #558556 100%);

 

HEX #628656 zu HEX #558556


CSS-Code:

background-image: radial-gradient(circle, #628656 9%, #558556 92%);

 

HEX #558556 zu HEX #568656


CSS-Code:

background-image: linear-gradient(135deg, #558556 6%, #568656 95%);

 

HEX #558556 zu HEX #568656


CSS-Code:

background-image: radial-gradient(circle, #558556 10%, #568656 96%);

 

HEX #568656 zu HEX #558556


CSS-Code:

background-image: linear-gradient(135deg, #568656 8%, #558556 99%);

 

HEX #568656 zu HEX #558556


CSS-Code:

background-image: radial-gradient(circle, #568656 5%, #558556 95%);

 

HEX #558556 zu HEX #568663


CSS-Code:

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

 

HEX #558556 zu HEX #568663


CSS-Code:

background-image: radial-gradient(circle, #558556 9%, #568663 91%);

 

HEX #568663 zu HEX #558556


CSS-Code:

background-image: linear-gradient(135deg, #568663 10%, #558556 95%);

 

HEX #568663 zu HEX #558556


CSS-Code:

background-image: radial-gradient(circle, #568663 1%, #558556 87%);

 

HEX #558556 zu HEX #568670


CSS-Code:

background-image: linear-gradient(135deg, #558556 1%, #568670 96%);

 

HEX #558556 zu HEX #568670


CSS-Code:

background-image: radial-gradient(circle, #558556 12%, #568670 94%);

 

HEX #568670 zu HEX #558556


CSS-Code:

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

 

HEX #568670 zu HEX #558556


CSS-Code:

background-image: radial-gradient(circle, #568670 10%, #558556 100%);

Linear

HEX #558556 zu HEX #456D46


CSS-Code:

background-image: linear-gradient(135deg, #558556 0%, #456D46 93%);

Radial

HEX #558556 zu HEX #456D46


CSS-Code:

background-image: radial-gradient(circle, #558556 14%, #456D46 97%);

 

HEX #456D46 zu HEX #558556


CSS-Code:

background-image: linear-gradient(135deg, #456D46 9%, #558556 97%);

 

HEX #456D46 zu HEX #558556


CSS-Code:

background-image: radial-gradient(circle, #456D46 10%, #558556 98%);

 

HEX #558556 zu HEX #568657


CSS-Code:

background-image: linear-gradient(135deg, #558556 13%, #568657 90%);

 

HEX #558556 zu HEX #568657


CSS-Code:

background-image: radial-gradient(circle, #558556 2%, #568657 97%);

 

HEX #568657 zu HEX #558556


CSS-Code:

background-image: linear-gradient(135deg, #568657 5%, #558556 93%);

 

HEX #568657 zu HEX #558556


CSS-Code:

background-image: radial-gradient(circle, #568657 2%, #558556 88%);

 

HEX #558556 zu HEX #679E68


CSS-Code:

background-image: linear-gradient(135deg, #558556 4%, #679E68 95%);

 

HEX #558556 zu HEX #679E68


CSS-Code:

background-image: radial-gradient(circle, #558556 0%, #679E68 90%);

 

HEX #679E68 zu HEX #558556


CSS-Code:

background-image: linear-gradient(135deg, #679E68 6%, #558556 96%);

 

HEX #679E68 zu HEX #558556


CSS-Code:

background-image: radial-gradient(circle, #679E68 12%, #558556 99%);

 

HEX #558556 zu HEX #80AE81


CSS-Code:

background-image: linear-gradient(135deg, #558556 10%, #80AE81 94%);

 

HEX #558556 zu HEX #80AE81


CSS-Code:

background-image: radial-gradient(circle, #558556 10%, #80AE81 97%);

 

HEX #80AE81 zu HEX #558556


CSS-Code:

background-image: linear-gradient(135deg, #80AE81 1%, #558556 93%);

 

HEX #80AE81 zu HEX #558556


CSS-Code:

background-image: radial-gradient(circle, #80AE81 9%, #558556 89%);

Linear

HEX #558556 zu HEX #628656


CSS-Code:

background-image: linear-gradient(135deg, #558556 11%, #628656 86%);

Radial

HEX #558556 zu HEX #628656


CSS-Code:

background-image: radial-gradient(circle, #558556 7%, #628656 97%);

 

HEX #628656 zu HEX #558556


CSS-Code:

background-image: linear-gradient(135deg, #628656 8%, #558556 93%);

 

HEX #628656 zu HEX #558556


CSS-Code:

background-image: radial-gradient(circle, #628656 5%, #558556 90%);

 

HEX #558556 zu HEX #568656


CSS-Code:

background-image: linear-gradient(135deg, #558556 5%, #568656 87%);

 

HEX #558556 zu HEX #568656


CSS-Code:

background-image: radial-gradient(circle, #558556 0%, #568656 98%);

 

HEX #568656 zu HEX #558556


CSS-Code:

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

 

HEX #568656 zu HEX #558556


CSS-Code:

background-image: radial-gradient(circle, #568656 3%, #558556 96%);

 

HEX #558556 zu HEX #568663


CSS-Code:

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

 

HEX #558556 zu HEX #568663


CSS-Code:

background-image: radial-gradient(circle, #558556 14%, #568663 99%);

 

HEX #568663 zu HEX #558556


CSS-Code:

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

 

HEX #568663 zu HEX #558556


CSS-Code:

background-image: radial-gradient(circle, #568663 8%, #558556 88%);

 

HEX #558556 zu HEX #568670


CSS-Code:

background-image: linear-gradient(135deg, #558556 9%, #568670 93%);

 

HEX #558556 zu HEX #568670


CSS-Code:

background-image: radial-gradient(circle, #558556 2%, #568670 99%);

 

HEX #568670 zu HEX #558556


CSS-Code:

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

 

HEX #568670 zu HEX #558556


CSS-Code:

background-image: radial-gradient(circle, #568670 5%, #558556 91%);

Linear

HEX #558556 zu HEX #456D46


CSS-Code:

background-image: linear-gradient(135deg, #558556 11%, #456D46 98%);

Radial

HEX #558556 zu HEX #456D46


CSS-Code:

background-image: radial-gradient(circle, #558556 12%, #456D46 96%);

 

HEX #456D46 zu HEX #558556


CSS-Code:

background-image: linear-gradient(135deg, #456D46 4%, #558556 97%);

 

HEX #456D46 zu HEX #558556


CSS-Code:

background-image: radial-gradient(circle, #456D46 14%, #558556 91%);

 

HEX #558556 zu HEX #568657


CSS-Code:

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

 

HEX #558556 zu HEX #568657


CSS-Code:

background-image: radial-gradient(circle, #558556 14%, #568657 91%);

 

HEX #568657 zu HEX #558556


CSS-Code:

background-image: linear-gradient(135deg, #568657 4%, #558556 94%);

 

HEX #568657 zu HEX #558556


CSS-Code:

background-image: radial-gradient(circle, #568657 13%, #558556 89%);

 

HEX #558556 zu HEX #679E68


CSS-Code:

background-image: linear-gradient(135deg, #558556 10%, #679E68 95%);

 

HEX #558556 zu HEX #679E68


CSS-Code:

background-image: radial-gradient(circle, #558556 1%, #679E68 88%);

 

HEX #679E68 zu HEX #558556


CSS-Code:

background-image: linear-gradient(135deg, #679E68 4%, #558556 100%);

 

HEX #679E68 zu HEX #558556


CSS-Code:

background-image: radial-gradient(circle, #679E68 1%, #558556 92%);

 

HEX #558556 zu HEX #80AE81


CSS-Code:

background-image: linear-gradient(135deg, #558556 11%, #80AE81 93%);

 

HEX #558556 zu HEX #80AE81


CSS-Code:

background-image: radial-gradient(circle, #558556 4%, #80AE81 91%);

 

HEX #80AE81 zu HEX #558556


CSS-Code:

background-image: linear-gradient(135deg, #80AE81 3%, #558556 92%);

 

HEX #80AE81 zu HEX #558556


CSS-Code:

background-image: radial-gradient(circle, #80AE81 4%, #558556 88%);

Linear

HEX #558556 zu HEX #567B86


CSS-Code:

background-image: linear-gradient(135deg, #558556 12%, #567B86 98%);

Radial

HEX #558556 zu HEX #567B86


CSS-Code:

background-image: radial-gradient(circle, #558556 12%, #567B86 91%);

 

HEX #567B86 zu HEX #558556


CSS-Code:

background-image: linear-gradient(135deg, #567B86 10%, #558556 92%);

 

HEX #567B86 zu HEX #558556


CSS-Code:

background-image: radial-gradient(circle, #567B86 13%, #558556 88%);

 

HEX #558556 zu HEX #865668


CSS-Code:

background-image: linear-gradient(135deg, #558556 8%, #865668 92%);

 

HEX #558556 zu HEX #865668


CSS-Code:

background-image: radial-gradient(circle, #558556 13%, #865668 93%);

 

HEX #865668 zu HEX #558556


CSS-Code:

background-image: linear-gradient(135deg, #865668 9%, #558556 94%);

 

HEX #865668 zu HEX #558556


CSS-Code:

background-image: radial-gradient(circle, #865668 13%, #558556 97%);

Linear

HEX #558556 zu HEX #565686


CSS-Code:

background-image: linear-gradient(135deg, #558556 1%, #565686 96%);

Radial

HEX #558556 zu HEX #565686


CSS-Code:

background-image: radial-gradient(circle, #558556 9%, #565686 99%);

 

HEX #565686 zu HEX #558556


CSS-Code:

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

 

HEX #565686 zu HEX #558556


CSS-Code:

background-image: radial-gradient(circle, #565686 9%, #558556 95%);

 

HEX #558556 zu HEX #865656


CSS-Code:

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

 

HEX #558556 zu HEX #865656


CSS-Code:

background-image: radial-gradient(circle, #558556 4%, #865656 97%);

 

HEX #865656 zu HEX #558556


CSS-Code:

background-image: linear-gradient(135deg, #865656 11%, #558556 97%);

 

HEX #865656 zu HEX #558556


CSS-Code:

background-image: radial-gradient(circle, #865656 3%, #558556 97%);

Linear

HEX #558556 zu HEX #567B86


CSS-Code:

background-image: linear-gradient(135deg, #558556 3%, #567B86 96%);

Radial

HEX #558556 zu HEX #567B86


CSS-Code:

background-image: radial-gradient(circle, #558556 4%, #567B86 96%);

 

HEX #567B86 zu HEX #558556


CSS-Code:

background-image: linear-gradient(135deg, #567B86 9%, #558556 93%);

 

HEX #567B86 zu HEX #558556


CSS-Code:

background-image: radial-gradient(circle, #567B86 2%, #558556 92%);

 

HEX #558556 zu HEX #865685


CSS-Code:

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

 

HEX #558556 zu HEX #865685


CSS-Code:

background-image: radial-gradient(circle, #558556 3%, #865685 96%);

 

HEX #865685 zu HEX #558556


CSS-Code:

background-image: linear-gradient(135deg, #865685 5%, #558556 96%);

 

HEX #865685 zu HEX #558556


CSS-Code:

background-image: radial-gradient(circle, #865685 8%, #558556 97%);

 

HEX #558556 zu HEX #866056


CSS-Code:

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

 

HEX #558556 zu HEX #866056


CSS-Code:

background-image: radial-gradient(circle, #558556 3%, #866056 95%);

 

HEX #866056 zu HEX #558556


CSS-Code:

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

 

HEX #866056 zu HEX #558556


CSS-Code:

background-image: radial-gradient(circle, #866056 8%, #558556 92%);

Linear

HEX #558556 zu HEX #566D86


CSS-Code:

background-image: linear-gradient(135deg, #558556 0%, #566D86 93%);

Radial

HEX #558556 zu HEX #566D86


CSS-Code:

background-image: radial-gradient(circle, #558556 11%, #566D86 86%);

 

HEX #566D86 zu HEX #558556


CSS-Code:

background-image: linear-gradient(135deg, #566D86 4%, #558556 91%);

 

HEX #566D86 zu HEX #558556


CSS-Code:

background-image: radial-gradient(circle, #566D86 3%, #558556 99%);

 

HEX #558556 zu HEX #865685


CSS-Code:

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

 

HEX #558556 zu HEX #865685


CSS-Code:

background-image: radial-gradient(circle, #558556 4%, #865685 97%);

 

HEX #865685 zu HEX #558556


CSS-Code:

background-image: linear-gradient(135deg, #865685 3%, #558556 93%);

 

HEX #865685 zu HEX #558556


CSS-Code:

background-image: radial-gradient(circle, #865685 1%, #558556 87%);

 

HEX #558556 zu HEX #866E56


CSS-Code:

background-image: linear-gradient(135deg, #558556 11%, #866E56 100%);

 

HEX #558556 zu HEX #866E56


CSS-Code:

background-image: radial-gradient(circle, #558556 11%, #866E56 89%);

 

HEX #866E56 zu HEX #558556


CSS-Code:

background-image: linear-gradient(135deg, #866E56 5%, #558556 86%);

 

HEX #866E56 zu HEX #558556


CSS-Code:

background-image: radial-gradient(circle, #866E56 9%, #558556 95%);

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)

Um Farbpaletten speichern zu können, ist eine Anmelung erforderlich.

Bei Ihrem Konto anmelden

oder

Erstellen Sie ein Konto

Aktuelle Farbpalette teilen
Soll sie öffentlich oder privat sein?
Link(s) folgen nach dem Teilen.

Abbrechen Teilen

Farbpalette geteilt
Bitte kopieren und speichern Sie den gewünschten Link.

Teilen

OK, ich habe die Links kopiert

Ihre Farben werden in einer neuen Farbpalette gespeichert.
Sehen Sie sich diese unter Ihrem Profil an.
Sie können sie weiter anpassen, und teilen.

Farbpalette anzeigen
Schließen

Erstellen Sie eine Farbpalette

HerunterladenHerunterladen in verschiedenen Formaten

Alle Entfernen

Durch Klicken auf können Sie Paletten erstellen und die Farbfelder herunterladen.