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

CSS Gradienten:
#340427CE

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

Verifizierung Ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #340427CE zu HEX #CBFBD8CE


CSS-Code:

background-image: linear-gradient(135deg, #340427CE 10%, #CBFBD8CE 95%);

Radial

HEX #340427CE zu HEX #CBFBD8CE


CSS-Code:

background-image: radial-gradient(circle, #340427CE 13%, #CBFBD8CE 92%);

 

HEX #CBFBD8CE zu HEX #340427CE


CSS-Code:

background-image: linear-gradient(135deg, #CBFBD8CE 6%, #340427CE 95%);

 

HEX #CBFBD8CE zu HEX #340427CE


CSS-Code:

background-image: radial-gradient(circle, #CBFBD8CE 2%, #340427CE 86%);

Linear

HEX #340427CE zu HEX #340434CE


CSS-Code:

background-image: linear-gradient(135deg, #340427CE 3%, #340434CE 92%);

Radial

HEX #340427CE zu HEX #340434CE


CSS-Code:

background-image: radial-gradient(circle, #340427CE 1%, #340434CE 90%);

 

HEX #340434CE zu HEX #340427CE


CSS-Code:

background-image: linear-gradient(135deg, #340434CE 3%, #340427CE 91%);

 

HEX #340434CE zu HEX #340427CE


CSS-Code:

background-image: radial-gradient(circle, #340434CE 10%, #340427CE 89%);

 

HEX #340427CE zu HEX #34041ACE


CSS-Code:

background-image: linear-gradient(135deg, #340427CE 13%, #34041ACE 94%);

 

HEX #340427CE zu HEX #34041ACE


CSS-Code:

background-image: radial-gradient(circle, #340427CE 13%, #34041ACE 88%);

 

HEX #34041ACE zu HEX #340427CE


CSS-Code:

background-image: linear-gradient(135deg, #34041ACE 12%, #340427CE 88%);

 

HEX #34041ACE zu HEX #340427CE


CSS-Code:

background-image: radial-gradient(circle, #34041ACE 12%, #340427CE 90%);

 

HEX #340427CE zu HEX #34040ECE


CSS-Code:

background-image: linear-gradient(135deg, #340427CE 0%, #34040ECE 92%);

 

HEX #340427CE zu HEX #34040ECE


CSS-Code:

background-image: radial-gradient(circle, #340427CE 8%, #34040ECE 87%);

 

HEX #34040ECE zu HEX #340427CE


CSS-Code:

background-image: linear-gradient(135deg, #34040ECE 12%, #340427CE 95%);

 

HEX #34040ECE zu HEX #340427CE


CSS-Code:

background-image: radial-gradient(circle, #34040ECE 7%, #340427CE 94%);

Linear

HEX #340427CE zu HEX #0E010A


CSS-Code:

background-image: linear-gradient(135deg, #340427CE 1%, #0E010A 88%);

Radial

HEX #340427CE zu HEX #0E010A


CSS-Code:

background-image: radial-gradient(circle, #340427CE 5%, #0E010A 95%);

 

HEX #0E010A zu HEX #340427CE


CSS-Code:

background-image: linear-gradient(135deg, #0E010A 11%, #340427CE 94%);

 

HEX #0E010A zu HEX #340427CE


CSS-Code:

background-image: radial-gradient(circle, #0E010A 13%, #340427CE 97%);

 

HEX #340427CE zu HEX #340427


CSS-Code:

background-image: linear-gradient(135deg, #340427CE 1%, #340427 89%);

 

HEX #340427CE zu HEX #340427


CSS-Code:

background-image: radial-gradient(circle, #340427CE 1%, #340427 90%);

 

HEX #340427 zu HEX #340427CE


CSS-Code:

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

 

HEX #340427 zu HEX #340427CE


CSS-Code:

background-image: radial-gradient(circle, #340427 5%, #340427CE 91%);

 

HEX #340427CE zu HEX #5B0744


CSS-Code:

background-image: linear-gradient(135deg, #340427CE 0%, #5B0744 87%);

 

HEX #340427CE zu HEX #5B0744


CSS-Code:

background-image: radial-gradient(circle, #340427CE 11%, #5B0744 93%);

 

HEX #5B0744 zu HEX #340427CE


CSS-Code:

background-image: linear-gradient(135deg, #5B0744 4%, #340427CE 100%);

 

HEX #5B0744 zu HEX #340427CE


CSS-Code:

background-image: radial-gradient(circle, #5B0744 1%, #340427CE 91%);

 

HEX #340427CE zu HEX #810A61


CSS-Code:

background-image: linear-gradient(135deg, #340427CE 8%, #810A61 90%);

 

HEX #340427CE zu HEX #810A61


CSS-Code:

background-image: radial-gradient(circle, #340427CE 11%, #810A61 90%);

 

HEX #810A61 zu HEX #340427CE


CSS-Code:

background-image: linear-gradient(135deg, #810A61 14%, #340427CE 88%);

 

HEX #810A61 zu HEX #340427CE


CSS-Code:

background-image: radial-gradient(circle, #810A61 9%, #340427CE 92%);

Linear

HEX #340427CE zu HEX #340434CE


CSS-Code:

background-image: linear-gradient(135deg, #340427CE 9%, #340434CE 90%);

Radial

HEX #340427CE zu HEX #340434CE


CSS-Code:

background-image: radial-gradient(circle, #340427CE 10%, #340434CE 93%);

 

HEX #340434CE zu HEX #340427CE


CSS-Code:

background-image: linear-gradient(135deg, #340434CE 8%, #340427CE 99%);

 

HEX #340434CE zu HEX #340427CE


CSS-Code:

background-image: radial-gradient(circle, #340434CE 6%, #340427CE 97%);

 

HEX #340427CE zu HEX #34041ACE


CSS-Code:

background-image: linear-gradient(135deg, #340427CE 10%, #34041ACE 88%);

 

HEX #340427CE zu HEX #34041ACE


CSS-Code:

background-image: radial-gradient(circle, #340427CE 2%, #34041ACE 99%);

 

HEX #34041ACE zu HEX #340427CE


CSS-Code:

background-image: linear-gradient(135deg, #34041ACE 9%, #340427CE 87%);

 

HEX #34041ACE zu HEX #340427CE


CSS-Code:

background-image: radial-gradient(circle, #34041ACE 5%, #340427CE 100%);

 

HEX #340427CE zu HEX #34040ECE


CSS-Code:

background-image: linear-gradient(135deg, #340427CE 0%, #34040ECE 90%);

 

HEX #340427CE zu HEX #34040ECE


CSS-Code:

background-image: radial-gradient(circle, #340427CE 10%, #34040ECE 95%);

 

HEX #34040ECE zu HEX #340427CE


CSS-Code:

background-image: linear-gradient(135deg, #34040ECE 9%, #340427CE 93%);

 

HEX #34040ECE zu HEX #340427CE


CSS-Code:

background-image: radial-gradient(circle, #34040ECE 9%, #340427CE 93%);

Linear

HEX #340427CE zu HEX #0E010A


CSS-Code:

background-image: linear-gradient(135deg, #340427CE 9%, #0E010A 97%);

Radial

HEX #340427CE zu HEX #0E010A


CSS-Code:

background-image: radial-gradient(circle, #340427CE 4%, #0E010A 93%);

 

HEX #0E010A zu HEX #340427CE


CSS-Code:

background-image: linear-gradient(135deg, #0E010A 11%, #340427CE 89%);

 

HEX #0E010A zu HEX #340427CE


CSS-Code:

background-image: radial-gradient(circle, #0E010A 3%, #340427CE 89%);

 

HEX #340427CE zu HEX #340427


CSS-Code:

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

 

HEX #340427CE zu HEX #340427


CSS-Code:

background-image: radial-gradient(circle, #340427CE 10%, #340427 91%);

 

HEX #340427 zu HEX #340427CE


CSS-Code:

background-image: linear-gradient(135deg, #340427 13%, #340427CE 99%);

 

HEX #340427 zu HEX #340427CE


CSS-Code:

background-image: radial-gradient(circle, #340427 9%, #340427CE 100%);

 

HEX #340427CE zu HEX #5B0744


CSS-Code:

background-image: linear-gradient(135deg, #340427CE 12%, #5B0744 92%);

 

HEX #340427CE zu HEX #5B0744


CSS-Code:

background-image: radial-gradient(circle, #340427CE 3%, #5B0744 93%);

 

HEX #5B0744 zu HEX #340427CE


CSS-Code:

background-image: linear-gradient(135deg, #5B0744 8%, #340427CE 93%);

 

HEX #5B0744 zu HEX #340427CE


CSS-Code:

background-image: radial-gradient(circle, #5B0744 7%, #340427CE 91%);

 

HEX #340427CE zu HEX #810A61


CSS-Code:

background-image: linear-gradient(135deg, #340427CE 14%, #810A61 96%);

 

HEX #340427CE zu HEX #810A61


CSS-Code:

background-image: radial-gradient(circle, #340427CE 10%, #810A61 89%);

 

HEX #810A61 zu HEX #340427CE


CSS-Code:

background-image: linear-gradient(135deg, #810A61 3%, #340427CE 99%);

 

HEX #810A61 zu HEX #340427CE


CSS-Code:

background-image: radial-gradient(circle, #810A61 12%, #340427CE 96%);

Linear

HEX #340427CE zu HEX #341A04


CSS-Code:

background-image: linear-gradient(135deg, #340427CE 5%, #341A04 95%);

Radial

HEX #340427CE zu HEX #341A04


CSS-Code:

background-image: radial-gradient(circle, #340427CE 8%, #341A04 90%);

 

HEX #341A04 zu HEX #340427CE


CSS-Code:

background-image: linear-gradient(135deg, #341A04 9%, #340427CE 92%);

 

HEX #341A04 zu HEX #340427CE


CSS-Code:

background-image: radial-gradient(circle, #341A04 5%, #340427CE 92%);

 

HEX #340427CE zu HEX #04342E


CSS-Code:

background-image: linear-gradient(135deg, #340427CE 13%, #04342E 92%);

 

HEX #340427CE zu HEX #04342E


CSS-Code:

background-image: radial-gradient(circle, #340427CE 0%, #04342E 92%);

 

HEX #04342E zu HEX #340427CE


CSS-Code:

background-image: linear-gradient(135deg, #04342E 12%, #340427CE 99%);

 

HEX #04342E zu HEX #340427CE


CSS-Code:

background-image: radial-gradient(circle, #04342E 8%, #340427CE 86%);

Linear

HEX #340427CE zu HEX #273404


CSS-Code:

background-image: linear-gradient(135deg, #340427CE 6%, #273404 93%);

Radial

HEX #340427CE zu HEX #273404


CSS-Code:

background-image: radial-gradient(circle, #340427CE 9%, #273404 100%);

 

HEX #273404 zu HEX #340427CE


CSS-Code:

background-image: linear-gradient(135deg, #273404 3%, #340427CE 97%);

 

HEX #273404 zu HEX #340427CE


CSS-Code:

background-image: radial-gradient(circle, #273404 3%, #340427CE 100%);

 

HEX #340427CE zu HEX #042734


CSS-Code:

background-image: linear-gradient(135deg, #340427CE 3%, #042734 89%);

 

HEX #340427CE zu HEX #042734


CSS-Code:

background-image: radial-gradient(circle, #340427CE 6%, #042734 89%);

 

HEX #042734 zu HEX #340427CE


CSS-Code:

background-image: linear-gradient(135deg, #042734 7%, #340427CE 90%);

 

HEX #042734 zu HEX #340427CE


CSS-Code:

background-image: radial-gradient(circle, #042734 11%, #340427CE 100%);

Linear

HEX #340427CE zu HEX #341A04


CSS-Code:

background-image: linear-gradient(135deg, #340427CE 5%, #341A04 96%);

Radial

HEX #340427CE zu HEX #341A04


CSS-Code:

background-image: radial-gradient(circle, #340427CE 8%, #341A04 86%);

 

HEX #341A04 zu HEX #340427CE


CSS-Code:

background-image: linear-gradient(135deg, #341A04 11%, #340427CE 93%);

 

HEX #341A04 zu HEX #340427CE


CSS-Code:

background-image: radial-gradient(circle, #341A04 5%, #340427CE 98%);

 

HEX #340427CE zu HEX #043411


CSS-Code:

background-image: linear-gradient(135deg, #340427CE 0%, #043411 90%);

 

HEX #340427CE zu HEX #043411


CSS-Code:

background-image: radial-gradient(circle, #340427CE 9%, #043411 99%);

 

HEX #043411 zu HEX #340427CE


CSS-Code:

background-image: linear-gradient(135deg, #043411 10%, #340427CE 100%);

 

HEX #043411 zu HEX #340427CE


CSS-Code:

background-image: radial-gradient(circle, #043411 0%, #340427CE 99%);

 

HEX #340427CE zu HEX #041E34


CSS-Code:

background-image: linear-gradient(135deg, #340427CE 2%, #041E34 88%);

 

HEX #340427CE zu HEX #041E34


CSS-Code:

background-image: radial-gradient(circle, #340427CE 2%, #041E34 92%);

 

HEX #041E34 zu HEX #340427CE


CSS-Code:

background-image: linear-gradient(135deg, #041E34 1%, #340427CE 86%);

 

HEX #041E34 zu HEX #340427CE


CSS-Code:

background-image: radial-gradient(circle, #041E34 7%, #340427CE 97%);

Linear

HEX #340427CE zu HEX #342904


CSS-Code:

background-image: linear-gradient(135deg, #340427CE 11%, #342904 99%);

Radial

HEX #340427CE zu HEX #342904


CSS-Code:

background-image: radial-gradient(circle, #340427CE 1%, #342904 90%);

 

HEX #342904 zu HEX #340427CE


CSS-Code:

background-image: linear-gradient(135deg, #342904 9%, #340427CE 86%);

 

HEX #342904 zu HEX #340427CE


CSS-Code:

background-image: radial-gradient(circle, #342904 11%, #340427CE 94%);

 

HEX #340427CE zu HEX #043411


CSS-Code:

background-image: linear-gradient(135deg, #340427CE 12%, #043411 86%);

 

HEX #340427CE zu HEX #043411


CSS-Code:

background-image: radial-gradient(circle, #340427CE 9%, #043411 93%);

 

HEX #043411 zu HEX #340427CE


CSS-Code:

background-image: linear-gradient(135deg, #043411 0%, #340427CE 92%);

 

HEX #043411 zu HEX #340427CE


CSS-Code:

background-image: radial-gradient(circle, #043411 14%, #340427CE 94%);

 

HEX #340427CE zu HEX #040F34


CSS-Code:

background-image: linear-gradient(135deg, #340427CE 5%, #040F34 88%);

 

HEX #340427CE zu HEX #040F34


CSS-Code:

background-image: radial-gradient(circle, #340427CE 2%, #040F34 89%);

 

HEX #040F34 zu HEX #340427CE


CSS-Code:

background-image: linear-gradient(135deg, #040F34 0%, #340427CE 89%);

 

HEX #040F34 zu HEX #340427CE


CSS-Code:

background-image: radial-gradient(circle, #040F34 10%, #340427CE 94%);

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, a registration is required.

Log 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 desired link.

Share

OK, I have copied the links

Your colors will be saved in a new color palette.
View them under your profile.
You can customize them further, and share them.

Show color palette
Close

Create a color palette

DownloadDownload in different formats

Remove All

By clicking on you can create palettes and download the color swatches.