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

CSS Gradienten:
#286F19

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

Verifizierung Ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #286F19 zu HEX #D790E6


CSS-Code:

background-image: linear-gradient(135deg, #286F19 14%, #D790E6 100%);

Radial

HEX #286F19 zu HEX #D790E6


CSS-Code:

background-image: radial-gradient(circle, #286F19 2%, #D790E6 92%);

 

HEX #D790E6 zu HEX #286F19


CSS-Code:

background-image: linear-gradient(135deg, #D790E6 13%, #286F19 89%);

 

HEX #D790E6 zu HEX #286F19


CSS-Code:

background-image: radial-gradient(circle, #D790E6 2%, #286F19 92%);

Linear

HEX #286F19 zu HEX #417019


CSS-Code:

background-image: linear-gradient(135deg, #286F19 6%, #417019 97%);

Radial

HEX #286F19 zu HEX #417019


CSS-Code:

background-image: radial-gradient(circle, #286F19 4%, #417019 92%);

 

HEX #417019 zu HEX #286F19


CSS-Code:

background-image: linear-gradient(135deg, #417019 1%, #286F19 88%);

 

HEX #417019 zu HEX #286F19


CSS-Code:

background-image: radial-gradient(circle, #417019 13%, #286F19 100%);

 

HEX #286F19 zu HEX #297019


CSS-Code:

background-image: linear-gradient(135deg, #286F19 11%, #297019 87%);

 

HEX #286F19 zu HEX #297019


CSS-Code:

background-image: radial-gradient(circle, #286F19 1%, #297019 92%);

 

HEX #297019 zu HEX #286F19


CSS-Code:

background-image: linear-gradient(135deg, #297019 5%, #286F19 95%);

 

HEX #297019 zu HEX #286F19


CSS-Code:

background-image: radial-gradient(circle, #297019 10%, #286F19 93%);

 

HEX #286F19 zu HEX #197021


CSS-Code:

background-image: linear-gradient(135deg, #286F19 10%, #197021 89%);

 

HEX #286F19 zu HEX #197021


CSS-Code:

background-image: radial-gradient(circle, #286F19 1%, #197021 90%);

 

HEX #197021 zu HEX #286F19


CSS-Code:

background-image: linear-gradient(135deg, #197021 11%, #286F19 91%);

 

HEX #197021 zu HEX #286F19


CSS-Code:

background-image: radial-gradient(circle, #197021 2%, #286F19 93%);

 

HEX #286F19 zu HEX #197038


CSS-Code:

background-image: linear-gradient(135deg, #286F19 4%, #197038 86%);

 

HEX #286F19 zu HEX #197038


CSS-Code:

background-image: radial-gradient(circle, #286F19 11%, #197038 90%);

 

HEX #197038 zu HEX #286F19


CSS-Code:

background-image: linear-gradient(135deg, #197038 0%, #286F19 88%);

 

HEX #197038 zu HEX #286F19


CSS-Code:

background-image: radial-gradient(circle, #197038 14%, #286F19 89%);

Linear

HEX #286F19 zu HEX #1C4F12


CSS-Code:

background-image: linear-gradient(135deg, #286F19 0%, #1C4F12 100%);

Radial

HEX #286F19 zu HEX #1C4F12


CSS-Code:

background-image: radial-gradient(circle, #286F19 1%, #1C4F12 98%);

 

HEX #1C4F12 zu HEX #286F19


CSS-Code:

background-image: linear-gradient(135deg, #1C4F12 10%, #286F19 87%);

 

HEX #1C4F12 zu HEX #286F19


CSS-Code:

background-image: radial-gradient(circle, #1C4F12 14%, #286F19 88%);

 

HEX #286F19 zu HEX #297019


CSS-Code:

background-image: linear-gradient(135deg, #286F19 6%, #297019 92%);

 

HEX #286F19 zu HEX #297019


CSS-Code:

background-image: radial-gradient(circle, #286F19 2%, #297019 93%);

 

HEX #297019 zu HEX #286F19


CSS-Code:

background-image: linear-gradient(135deg, #297019 7%, #286F19 99%);

 

HEX #297019 zu HEX #286F19


CSS-Code:

background-image: radial-gradient(circle, #297019 11%, #286F19 100%);

 

HEX #286F19 zu HEX #359221


CSS-Code:

background-image: linear-gradient(135deg, #286F19 6%, #359221 90%);

 

HEX #286F19 zu HEX #359221


CSS-Code:

background-image: radial-gradient(circle, #286F19 5%, #359221 100%);

 

HEX #359221 zu HEX #286F19


CSS-Code:

background-image: linear-gradient(135deg, #359221 8%, #286F19 92%);

 

HEX #359221 zu HEX #286F19


CSS-Code:

background-image: radial-gradient(circle, #359221 14%, #286F19 97%);

 

HEX #286F19 zu HEX #41B329


CSS-Code:

background-image: linear-gradient(135deg, #286F19 12%, #41B329 90%);

 

HEX #286F19 zu HEX #41B329


CSS-Code:

background-image: radial-gradient(circle, #286F19 11%, #41B329 87%);

 

HEX #41B329 zu HEX #286F19


CSS-Code:

background-image: linear-gradient(135deg, #41B329 6%, #286F19 94%);

 

HEX #41B329 zu HEX #286F19


CSS-Code:

background-image: radial-gradient(circle, #41B329 11%, #286F19 91%);

Linear

HEX #286F19 zu HEX #417019


CSS-Code:

background-image: linear-gradient(135deg, #286F19 12%, #417019 99%);

Radial

HEX #286F19 zu HEX #417019


CSS-Code:

background-image: radial-gradient(circle, #286F19 11%, #417019 88%);

 

HEX #417019 zu HEX #286F19


CSS-Code:

background-image: linear-gradient(135deg, #417019 14%, #286F19 92%);

 

HEX #417019 zu HEX #286F19


CSS-Code:

background-image: radial-gradient(circle, #417019 4%, #286F19 89%);

 

HEX #286F19 zu HEX #297019


CSS-Code:

background-image: linear-gradient(135deg, #286F19 11%, #297019 99%);

 

HEX #286F19 zu HEX #297019


CSS-Code:

background-image: radial-gradient(circle, #286F19 12%, #297019 89%);

 

HEX #297019 zu HEX #286F19


CSS-Code:

background-image: linear-gradient(135deg, #297019 14%, #286F19 92%);

 

HEX #297019 zu HEX #286F19


CSS-Code:

background-image: radial-gradient(circle, #297019 8%, #286F19 88%);

 

HEX #286F19 zu HEX #197021


CSS-Code:

background-image: linear-gradient(135deg, #286F19 7%, #197021 90%);

 

HEX #286F19 zu HEX #197021


CSS-Code:

background-image: radial-gradient(circle, #286F19 3%, #197021 96%);

 

HEX #197021 zu HEX #286F19


CSS-Code:

background-image: linear-gradient(135deg, #197021 6%, #286F19 97%);

 

HEX #197021 zu HEX #286F19


CSS-Code:

background-image: radial-gradient(circle, #197021 7%, #286F19 97%);

 

HEX #286F19 zu HEX #197038


CSS-Code:

background-image: linear-gradient(135deg, #286F19 8%, #197038 92%);

 

HEX #286F19 zu HEX #197038


CSS-Code:

background-image: radial-gradient(circle, #286F19 0%, #197038 90%);

 

HEX #197038 zu HEX #286F19


CSS-Code:

background-image: linear-gradient(135deg, #197038 5%, #286F19 100%);

 

HEX #197038 zu HEX #286F19


CSS-Code:

background-image: radial-gradient(circle, #197038 3%, #286F19 95%);

Linear

HEX #286F19 zu HEX #1C4F12


CSS-Code:

background-image: linear-gradient(135deg, #286F19 10%, #1C4F12 96%);

Radial

HEX #286F19 zu HEX #1C4F12


CSS-Code:

background-image: radial-gradient(circle, #286F19 5%, #1C4F12 94%);

 

HEX #1C4F12 zu HEX #286F19


CSS-Code:

background-image: linear-gradient(135deg, #1C4F12 4%, #286F19 94%);

 

HEX #1C4F12 zu HEX #286F19


CSS-Code:

background-image: radial-gradient(circle, #1C4F12 10%, #286F19 93%);

 

HEX #286F19 zu HEX #297019


CSS-Code:

background-image: linear-gradient(135deg, #286F19 13%, #297019 86%);

 

HEX #286F19 zu HEX #297019


CSS-Code:

background-image: radial-gradient(circle, #286F19 8%, #297019 88%);

 

HEX #297019 zu HEX #286F19


CSS-Code:

background-image: linear-gradient(135deg, #297019 3%, #286F19 88%);

 

HEX #297019 zu HEX #286F19


CSS-Code:

background-image: radial-gradient(circle, #297019 14%, #286F19 97%);

 

HEX #286F19 zu HEX #359221


CSS-Code:

background-image: linear-gradient(135deg, #286F19 2%, #359221 97%);

 

HEX #286F19 zu HEX #359221


CSS-Code:

background-image: radial-gradient(circle, #286F19 8%, #359221 86%);

 

HEX #359221 zu HEX #286F19


CSS-Code:

background-image: linear-gradient(135deg, #359221 5%, #286F19 91%);

 

HEX #359221 zu HEX #286F19


CSS-Code:

background-image: radial-gradient(circle, #359221 3%, #286F19 91%);

 

HEX #286F19 zu HEX #41B329


CSS-Code:

background-image: linear-gradient(135deg, #286F19 2%, #41B329 93%);

 

HEX #286F19 zu HEX #41B329


CSS-Code:

background-image: radial-gradient(circle, #286F19 5%, #41B329 94%);

 

HEX #41B329 zu HEX #286F19


CSS-Code:

background-image: linear-gradient(135deg, #41B329 5%, #286F19 96%);

 

HEX #41B329 zu HEX #286F19


CSS-Code:

background-image: radial-gradient(circle, #41B329 0%, #286F19 97%);

Linear

HEX #286F19 zu HEX #196F70


CSS-Code:

background-image: linear-gradient(135deg, #286F19 6%, #196F70 90%);

Radial

HEX #286F19 zu HEX #196F70


CSS-Code:

background-image: radial-gradient(circle, #286F19 10%, #196F70 93%);

 

HEX #196F70 zu HEX #286F19


CSS-Code:

background-image: linear-gradient(135deg, #196F70 11%, #286F19 97%);

 

HEX #196F70 zu HEX #286F19


CSS-Code:

background-image: radial-gradient(circle, #196F70 0%, #286F19 100%);

 

HEX #286F19 zu HEX #70194C


CSS-Code:

background-image: linear-gradient(135deg, #286F19 8%, #70194C 100%);

 

HEX #286F19 zu HEX #70194C


CSS-Code:

background-image: radial-gradient(circle, #286F19 2%, #70194C 96%);

 

HEX #70194C zu HEX #286F19


CSS-Code:

background-image: linear-gradient(135deg, #70194C 4%, #286F19 89%);

 

HEX #70194C zu HEX #286F19


CSS-Code:

background-image: radial-gradient(circle, #70194C 0%, #286F19 87%);

Linear

HEX #286F19 zu HEX #192970


CSS-Code:

background-image: linear-gradient(135deg, #286F19 8%, #192970 98%);

Radial

HEX #286F19 zu HEX #192970


CSS-Code:

background-image: radial-gradient(circle, #286F19 10%, #192970 86%);

 

HEX #192970 zu HEX #286F19


CSS-Code:

background-image: linear-gradient(135deg, #192970 3%, #286F19 95%);

 

HEX #192970 zu HEX #286F19


CSS-Code:

background-image: radial-gradient(circle, #192970 1%, #286F19 87%);

 

HEX #286F19 zu HEX #701929


CSS-Code:

background-image: linear-gradient(135deg, #286F19 4%, #701929 99%);

 

HEX #286F19 zu HEX #701929


CSS-Code:

background-image: radial-gradient(circle, #286F19 1%, #701929 88%);

 

HEX #701929 zu HEX #286F19


CSS-Code:

background-image: linear-gradient(135deg, #701929 9%, #286F19 92%);

 

HEX #701929 zu HEX #286F19


CSS-Code:

background-image: radial-gradient(circle, #701929 10%, #286F19 87%);

Linear

HEX #286F19 zu HEX #196F70


CSS-Code:

background-image: linear-gradient(135deg, #286F19 11%, #196F70 97%);

Radial

HEX #286F19 zu HEX #196F70


CSS-Code:

background-image: radial-gradient(circle, #286F19 4%, #196F70 87%);

 

HEX #196F70 zu HEX #286F19


CSS-Code:

background-image: linear-gradient(135deg, #196F70 8%, #286F19 87%);

 

HEX #196F70 zu HEX #286F19


CSS-Code:

background-image: radial-gradient(circle, #196F70 8%, #286F19 98%);

 

HEX #286F19 zu HEX #601970


CSS-Code:

background-image: linear-gradient(135deg, #286F19 12%, #601970 96%);

 

HEX #286F19 zu HEX #601970


CSS-Code:

background-image: radial-gradient(circle, #286F19 8%, #601970 95%);

 

HEX #601970 zu HEX #286F19


CSS-Code:

background-image: linear-gradient(135deg, #601970 2%, #286F19 87%);

 

HEX #601970 zu HEX #286F19


CSS-Code:

background-image: radial-gradient(circle, #601970 8%, #286F19 91%);

 

HEX #286F19 zu HEX #701B19


CSS-Code:

background-image: linear-gradient(135deg, #286F19 4%, #701B19 93%);

 

HEX #286F19 zu HEX #701B19


CSS-Code:

background-image: radial-gradient(circle, #286F19 8%, #701B19 90%);

 

HEX #701B19 zu HEX #286F19


CSS-Code:

background-image: linear-gradient(135deg, #701B19 7%, #286F19 95%);

 

HEX #701B19 zu HEX #286F19


CSS-Code:

background-image: radial-gradient(circle, #701B19 13%, #286F19 92%);

Linear

HEX #286F19 zu HEX #195570


CSS-Code:

background-image: linear-gradient(135deg, #286F19 1%, #195570 89%);

Radial

HEX #286F19 zu HEX #195570


CSS-Code:

background-image: radial-gradient(circle, #286F19 10%, #195570 93%);

 

HEX #195570 zu HEX #286F19


CSS-Code:

background-image: linear-gradient(135deg, #195570 5%, #286F19 96%);

 

HEX #195570 zu HEX #286F19


CSS-Code:

background-image: radial-gradient(circle, #195570 2%, #286F19 96%);

 

HEX #286F19 zu HEX #601970


CSS-Code:

background-image: linear-gradient(135deg, #286F19 2%, #601970 100%);

 

HEX #286F19 zu HEX #601970


CSS-Code:

background-image: radial-gradient(circle, #286F19 13%, #601970 100%);

 

HEX #601970 zu HEX #286F19


CSS-Code:

background-image: linear-gradient(135deg, #601970 6%, #286F19 92%);

 

HEX #601970 zu HEX #286F19


CSS-Code:

background-image: radial-gradient(circle, #601970 7%, #286F19 86%);

 

HEX #286F19 zu HEX #703519


CSS-Code:

background-image: linear-gradient(135deg, #286F19 4%, #703519 88%);

 

HEX #286F19 zu HEX #703519


CSS-Code:

background-image: radial-gradient(circle, #286F19 8%, #703519 91%);

 

HEX #703519 zu HEX #286F19


CSS-Code:

background-image: linear-gradient(135deg, #703519 14%, #286F19 90%);

 

HEX #703519 zu HEX #286F19


CSS-Code:

background-image: radial-gradient(circle, #703519 4%, #286F19 88%);

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.