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

CSS Gradienten:
#563205

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

Verifizierung Ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #563205 zu HEX #A9CDFA


CSS-Code:

background-image: linear-gradient(135deg, #563205 3%, #A9CDFA 89%);

Radial

HEX #563205 zu HEX #A9CDFA


CSS-Code:

background-image: radial-gradient(circle, #563205 13%, #A9CDFA 98%);

 

HEX #A9CDFA zu HEX #563205


CSS-Code:

background-image: linear-gradient(135deg, #A9CDFA 9%, #563205 100%);

 

HEX #A9CDFA zu HEX #563205


CSS-Code:

background-image: radial-gradient(circle, #A9CDFA 8%, #563205 95%);

Linear

HEX #563205 zu HEX #571C05


CSS-Code:

background-image: linear-gradient(135deg, #563205 3%, #571C05 99%);

Radial

HEX #563205 zu HEX #571C05


CSS-Code:

background-image: radial-gradient(circle, #563205 9%, #571C05 93%);

 

HEX #571C05 zu HEX #563205


CSS-Code:

background-image: linear-gradient(135deg, #571C05 9%, #563205 92%);

 

HEX #571C05 zu HEX #563205


CSS-Code:

background-image: radial-gradient(circle, #571C05 9%, #563205 100%);

 

HEX #563205 zu HEX #573205


CSS-Code:

background-image: linear-gradient(135deg, #563205 10%, #573205 87%);

 

HEX #563205 zu HEX #573205


CSS-Code:

background-image: radial-gradient(circle, #563205 1%, #573205 92%);

 

HEX #573205 zu HEX #563205


CSS-Code:

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

 

HEX #573205 zu HEX #563205


CSS-Code:

background-image: radial-gradient(circle, #573205 8%, #563205 89%);

 

HEX #563205 zu HEX #574805


CSS-Code:

background-image: linear-gradient(135deg, #563205 9%, #574805 95%);

 

HEX #563205 zu HEX #574805


CSS-Code:

background-image: radial-gradient(circle, #563205 9%, #574805 90%);

 

HEX #574805 zu HEX #563205


CSS-Code:

background-image: linear-gradient(135deg, #574805 8%, #563205 94%);

 

HEX #574805 zu HEX #563205


CSS-Code:

background-image: radial-gradient(circle, #574805 14%, #563205 92%);

 

HEX #563205 zu HEX #505705


CSS-Code:

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

 

HEX #563205 zu HEX #505705


CSS-Code:

background-image: radial-gradient(circle, #563205 5%, #505705 90%);

 

HEX #505705 zu HEX #563205


CSS-Code:

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

 

HEX #505705 zu HEX #563205


CSS-Code:

background-image: radial-gradient(circle, #505705 4%, #563205 100%);

Linear

HEX #563205 zu HEX #301C03


CSS-Code:

background-image: linear-gradient(135deg, #563205 14%, #301C03 86%);

Radial

HEX #563205 zu HEX #301C03


CSS-Code:

background-image: radial-gradient(circle, #563205 0%, #301C03 93%);

 

HEX #301C03 zu HEX #563205


CSS-Code:

background-image: linear-gradient(135deg, #301C03 14%, #563205 87%);

 

HEX #301C03 zu HEX #563205


CSS-Code:

background-image: radial-gradient(circle, #301C03 7%, #563205 95%);

 

HEX #563205 zu HEX #573205


CSS-Code:

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

 

HEX #563205 zu HEX #573205


CSS-Code:

background-image: radial-gradient(circle, #563205 13%, #573205 92%);

 

HEX #573205 zu HEX #563205


CSS-Code:

background-image: linear-gradient(135deg, #573205 13%, #563205 98%);

 

HEX #573205 zu HEX #563205


CSS-Code:

background-image: radial-gradient(circle, #573205 12%, #563205 97%);

 

HEX #563205 zu HEX #7E4907


CSS-Code:

background-image: linear-gradient(135deg, #563205 14%, #7E4907 89%);

 

HEX #563205 zu HEX #7E4907


CSS-Code:

background-image: radial-gradient(circle, #563205 0%, #7E4907 86%);

 

HEX #7E4907 zu HEX #563205


CSS-Code:

background-image: linear-gradient(135deg, #7E4907 8%, #563205 98%);

 

HEX #7E4907 zu HEX #563205


CSS-Code:

background-image: radial-gradient(circle, #7E4907 1%, #563205 89%);

 

HEX #563205 zu HEX #A5600A


CSS-Code:

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

 

HEX #563205 zu HEX #A5600A


CSS-Code:

background-image: radial-gradient(circle, #563205 3%, #A5600A 88%);

 

HEX #A5600A zu HEX #563205


CSS-Code:

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

 

HEX #A5600A zu HEX #563205


CSS-Code:

background-image: radial-gradient(circle, #A5600A 4%, #563205 86%);

Linear

HEX #563205 zu HEX #571C05


CSS-Code:

background-image: linear-gradient(135deg, #563205 13%, #571C05 97%);

Radial

HEX #563205 zu HEX #571C05


CSS-Code:

background-image: radial-gradient(circle, #563205 8%, #571C05 93%);

 

HEX #571C05 zu HEX #563205


CSS-Code:

background-image: linear-gradient(135deg, #571C05 11%, #563205 86%);

 

HEX #571C05 zu HEX #563205


CSS-Code:

background-image: radial-gradient(circle, #571C05 2%, #563205 100%);

 

HEX #563205 zu HEX #573205


CSS-Code:

background-image: linear-gradient(135deg, #563205 12%, #573205 90%);

 

HEX #563205 zu HEX #573205


CSS-Code:

background-image: radial-gradient(circle, #563205 8%, #573205 97%);

 

HEX #573205 zu HEX #563205


CSS-Code:

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

 

HEX #573205 zu HEX #563205


CSS-Code:

background-image: radial-gradient(circle, #573205 12%, #563205 88%);

 

HEX #563205 zu HEX #574805


CSS-Code:

background-image: linear-gradient(135deg, #563205 4%, #574805 96%);

 

HEX #563205 zu HEX #574805


CSS-Code:

background-image: radial-gradient(circle, #563205 8%, #574805 89%);

 

HEX #574805 zu HEX #563205


CSS-Code:

background-image: linear-gradient(135deg, #574805 0%, #563205 86%);

 

HEX #574805 zu HEX #563205


CSS-Code:

background-image: radial-gradient(circle, #574805 6%, #563205 99%);

 

HEX #563205 zu HEX #505705


CSS-Code:

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

 

HEX #563205 zu HEX #505705


CSS-Code:

background-image: radial-gradient(circle, #563205 5%, #505705 91%);

 

HEX #505705 zu HEX #563205


CSS-Code:

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

 

HEX #505705 zu HEX #563205


CSS-Code:

background-image: radial-gradient(circle, #505705 13%, #563205 91%);

Linear

HEX #563205 zu HEX #301C03


CSS-Code:

background-image: linear-gradient(135deg, #563205 14%, #301C03 88%);

Radial

HEX #563205 zu HEX #301C03


CSS-Code:

background-image: radial-gradient(circle, #563205 14%, #301C03 98%);

 

HEX #301C03 zu HEX #563205


CSS-Code:

background-image: linear-gradient(135deg, #301C03 1%, #563205 97%);

 

HEX #301C03 zu HEX #563205


CSS-Code:

background-image: radial-gradient(circle, #301C03 4%, #563205 86%);

 

HEX #563205 zu HEX #573205


CSS-Code:

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

 

HEX #563205 zu HEX #573205


CSS-Code:

background-image: radial-gradient(circle, #563205 6%, #573205 87%);

 

HEX #573205 zu HEX #563205


CSS-Code:

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

 

HEX #573205 zu HEX #563205


CSS-Code:

background-image: radial-gradient(circle, #573205 8%, #563205 92%);

 

HEX #563205 zu HEX #7E4907


CSS-Code:

background-image: linear-gradient(135deg, #563205 6%, #7E4907 98%);

 

HEX #563205 zu HEX #7E4907


CSS-Code:

background-image: radial-gradient(circle, #563205 13%, #7E4907 94%);

 

HEX #7E4907 zu HEX #563205


CSS-Code:

background-image: linear-gradient(135deg, #7E4907 13%, #563205 90%);

 

HEX #7E4907 zu HEX #563205


CSS-Code:

background-image: radial-gradient(circle, #7E4907 4%, #563205 90%);

 

HEX #563205 zu HEX #A5600A


CSS-Code:

background-image: linear-gradient(135deg, #563205 1%, #A5600A 90%);

 

HEX #563205 zu HEX #A5600A


CSS-Code:

background-image: radial-gradient(circle, #563205 1%, #A5600A 97%);

 

HEX #A5600A zu HEX #563205


CSS-Code:

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

 

HEX #A5600A zu HEX #563205


CSS-Code:

background-image: radial-gradient(circle, #A5600A 0%, #563205 87%);

Linear

HEX #563205 zu HEX #195705


CSS-Code:

background-image: linear-gradient(135deg, #563205 8%, #195705 96%);

Radial

HEX #563205 zu HEX #195705


CSS-Code:

background-image: radial-gradient(circle, #563205 9%, #195705 87%);

 

HEX #195705 zu HEX #563205


CSS-Code:

background-image: linear-gradient(135deg, #195705 14%, #563205 96%);

 

HEX #195705 zu HEX #563205


CSS-Code:

background-image: radial-gradient(circle, #195705 3%, #563205 98%);

 

HEX #563205 zu HEX #110557


CSS-Code:

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

 

HEX #563205 zu HEX #110557


CSS-Code:

background-image: radial-gradient(circle, #563205 5%, #110557 92%);

 

HEX #110557 zu HEX #563205


CSS-Code:

background-image: linear-gradient(135deg, #110557 7%, #563205 98%);

 

HEX #110557 zu HEX #563205


CSS-Code:

background-image: radial-gradient(circle, #110557 6%, #563205 90%);

Linear

HEX #563205 zu HEX #055732


CSS-Code:

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

Radial

HEX #563205 zu HEX #055732


CSS-Code:

background-image: radial-gradient(circle, #563205 1%, #055732 100%);

 

HEX #055732 zu HEX #563205


CSS-Code:

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

 

HEX #055732 zu HEX #563205


CSS-Code:

background-image: radial-gradient(circle, #055732 9%, #563205 97%);

 

HEX #563205 zu HEX #320557


CSS-Code:

background-image: linear-gradient(135deg, #563205 0%, #320557 89%);

 

HEX #563205 zu HEX #320557


CSS-Code:

background-image: radial-gradient(circle, #563205 6%, #320557 88%);

 

HEX #320557 zu HEX #563205


CSS-Code:

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

 

HEX #320557 zu HEX #563205


CSS-Code:

background-image: radial-gradient(circle, #320557 1%, #563205 91%);

Linear

HEX #563205 zu HEX #195705


CSS-Code:

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

Radial

HEX #563205 zu HEX #195705


CSS-Code:

background-image: radial-gradient(circle, #563205 14%, #195705 99%);

 

HEX #195705 zu HEX #563205


CSS-Code:

background-image: linear-gradient(135deg, #195705 14%, #563205 98%);

 

HEX #195705 zu HEX #563205


CSS-Code:

background-image: radial-gradient(circle, #195705 12%, #563205 86%);

 

HEX #563205 zu HEX #052A57


CSS-Code:

background-image: linear-gradient(135deg, #563205 8%, #052A57 91%);

 

HEX #563205 zu HEX #052A57


CSS-Code:

background-image: radial-gradient(circle, #563205 10%, #052A57 89%);

 

HEX #052A57 zu HEX #563205


CSS-Code:

background-image: linear-gradient(135deg, #052A57 9%, #563205 93%);

 

HEX #052A57 zu HEX #563205


CSS-Code:

background-image: radial-gradient(circle, #052A57 1%, #563205 96%);

 

HEX #563205 zu HEX #420557


CSS-Code:

background-image: linear-gradient(135deg, #563205 9%, #420557 99%);

 

HEX #563205 zu HEX #420557


CSS-Code:

background-image: radial-gradient(circle, #563205 10%, #420557 87%);

 

HEX #420557 zu HEX #563205


CSS-Code:

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

 

HEX #420557 zu HEX #563205


CSS-Code:

background-image: radial-gradient(circle, #420557 9%, #563205 93%);

Linear

HEX #563205 zu HEX #055709


CSS-Code:

background-image: linear-gradient(135deg, #563205 11%, #055709 99%);

Radial

HEX #563205 zu HEX #055709


CSS-Code:

background-image: radial-gradient(circle, #563205 4%, #055709 93%);

 

HEX #055709 zu HEX #563205


CSS-Code:

background-image: linear-gradient(135deg, #055709 14%, #563205 99%);

 

HEX #055709 zu HEX #563205


CSS-Code:

background-image: radial-gradient(circle, #055709 13%, #563205 94%);

 

HEX #563205 zu HEX #052A57


CSS-Code:

background-image: linear-gradient(135deg, #563205 5%, #052A57 87%);

 

HEX #563205 zu HEX #052A57


CSS-Code:

background-image: radial-gradient(circle, #563205 7%, #052A57 94%);

 

HEX #052A57 zu HEX #563205


CSS-Code:

background-image: linear-gradient(135deg, #052A57 2%, #563205 95%);

 

HEX #052A57 zu HEX #563205


CSS-Code:

background-image: radial-gradient(circle, #052A57 13%, #563205 99%);

 

HEX #563205 zu HEX #570553


CSS-Code:

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

 

HEX #563205 zu HEX #570553


CSS-Code:

background-image: radial-gradient(circle, #563205 1%, #570553 91%);

 

HEX #570553 zu HEX #563205


CSS-Code:

background-image: linear-gradient(135deg, #570553 12%, #563205 96%);

 

HEX #570553 zu HEX #563205


CSS-Code:

background-image: radial-gradient(circle, #570553 9%, #563205 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

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.