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

✕

CSS Gradienten:
#027236

Information

schließe alle

2-Farben Gradienten - Komplementärfarbe

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.

2-Farben Gradienten - Hellere Farbtöne

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.

2-Farben Gradienten - Dunklere Farbtöne

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 2 Rot, 114 Grün und 54 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.

Im CMYK-Farbsystem wird die Farbe folgendermaßen zusammengesetzt: In diesem Farbton sind von 100 maximalen Farbanteilen jeweils 98 Cyan, keine Magenta, 53 Gelb und 55 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.

Verifizierung Ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

2-Farben Gradienten von #027236 - Komplementärfarbe

Linear

HEX #027236 zu HEX #FD8DC9

CSS-Code:

background-image: linear-gradient(135deg, #027236 1%, #FD8DC9 88%);

Radial

HEX #027236 zu HEX #FD8DC9

CSS-Code:

background-image: radial-gradient(circle, #027236 5%, #FD8DC9 90%);

HEX #FD8DC9 zu HEX #027236

CSS-Code:

background-image: linear-gradient(135deg, #FD8DC9 7%, #027236 96%);

HEX #FD8DC9 zu HEX #027236

CSS-Code:

background-image: radial-gradient(circle, #FD8DC9 14%, #027236 90%);

2-Farben Gradienten von #027236 - Hellere Farbtöne

Linear

HEX #027236 zu HEX #027417

CSS-Code:

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

Radial

HEX #027236 zu HEX #027417

CSS-Code:

background-image: radial-gradient(circle, #027236 2%, #027417 95%);

HEX #027417 zu HEX #027236

CSS-Code:

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

HEX #027417 zu HEX #027236

CSS-Code:

background-image: radial-gradient(circle, #027417 3%, #027236 99%);

HEX #027236 zu HEX #027435

CSS-Code:

background-image: linear-gradient(135deg, #027236 14%, #027435 90%);

HEX #027236 zu HEX #027435

CSS-Code:

background-image: radial-gradient(circle, #027236 0%, #027435 96%);

HEX #027435 zu HEX #027236

CSS-Code:

background-image: linear-gradient(135deg, #027435 13%, #027236 92%);

HEX #027435 zu HEX #027236

CSS-Code:

background-image: radial-gradient(circle, #027435 4%, #027236 98%);

HEX #027236 zu HEX #027453

CSS-Code:

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

HEX #027236 zu HEX #027453

CSS-Code:

background-image: radial-gradient(circle, #027236 5%, #027453 95%);

HEX #027453 zu HEX #027236

CSS-Code:

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

HEX #027453 zu HEX #027236

CSS-Code:

background-image: radial-gradient(circle, #027453 10%, #027236 90%);

HEX #027236 zu HEX #027472

CSS-Code:

background-image: linear-gradient(135deg, #027236 5%, #027472 98%);

HEX #027236 zu HEX #027472

CSS-Code:

background-image: radial-gradient(circle, #027236 3%, #027472 99%);

HEX #027472 zu HEX #027236

CSS-Code:

background-image: linear-gradient(135deg, #027472 9%, #027236 91%);

HEX #027472 zu HEX #027236

CSS-Code:

background-image: radial-gradient(circle, #027472 6%, #027236 87%);

2-Farben Gradienten von #027236 - Dunklere Farbtöne

Linear

HEX #027236 zu HEX #014B23

CSS-Code:

background-image: linear-gradient(135deg, #027236 12%, #014B23 88%);

Radial

HEX #027236 zu HEX #014B23

CSS-Code:

background-image: radial-gradient(circle, #027236 1%, #014B23 91%);

HEX #014B23 zu HEX #027236

CSS-Code:

background-image: linear-gradient(135deg, #014B23 3%, #027236 97%);

HEX #014B23 zu HEX #027236

CSS-Code:

background-image: radial-gradient(circle, #014B23 2%, #027236 95%);

HEX #027236 zu HEX #027437

CSS-Code:

background-image: linear-gradient(135deg, #027236 14%, #027437 94%);

HEX #027236 zu HEX #027437

CSS-Code:

background-image: radial-gradient(circle, #027236 6%, #027437 95%);

HEX #027437 zu HEX #027236

CSS-Code:

background-image: linear-gradient(135deg, #027437 4%, #027236 100%);

HEX #027437 zu HEX #027236

CSS-Code:

background-image: radial-gradient(circle, #027437 6%, #027236 86%);

HEX #027236 zu HEX #029C4A

CSS-Code:

background-image: linear-gradient(135deg, #027236 12%, #029C4A 97%);

HEX #027236 zu HEX #029C4A

CSS-Code:

background-image: radial-gradient(circle, #027236 12%, #029C4A 97%);

HEX #029C4A zu HEX #027236

CSS-Code:

background-image: linear-gradient(135deg, #029C4A 1%, #027236 99%);

HEX #029C4A zu HEX #027236

CSS-Code:

background-image: radial-gradient(circle, #029C4A 13%, #027236 95%);

HEX #027236 zu HEX #03C55D

CSS-Code:

background-image: linear-gradient(135deg, #027236 14%, #03C55D 88%);

HEX #027236 zu HEX #03C55D

CSS-Code:

background-image: radial-gradient(circle, #027236 6%, #03C55D 93%);

HEX #03C55D zu HEX #027236

CSS-Code:

background-image: linear-gradient(135deg, #03C55D 3%, #027236 93%);

HEX #03C55D zu HEX #027236

CSS-Code:

background-image: radial-gradient(circle, #03C55D 10%, #027236 91%);

2-Farben Gradienten von #027236 - Analoge Farben

Linear

HEX #027236 zu HEX #027417

CSS-Code:

background-image: linear-gradient(135deg, #027236 14%, #027417 94%);

Radial

HEX #027236 zu HEX #027417

CSS-Code:

background-image: radial-gradient(circle, #027236 13%, #027417 92%);

HEX #027417 zu HEX #027236

CSS-Code:

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

HEX #027417 zu HEX #027236

CSS-Code:

background-image: radial-gradient(circle, #027417 3%, #027236 91%);

HEX #027236 zu HEX #027435

CSS-Code:

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

HEX #027236 zu HEX #027435

CSS-Code:

background-image: radial-gradient(circle, #027236 11%, #027435 88%);

HEX #027435 zu HEX #027236

CSS-Code:

background-image: linear-gradient(135deg, #027435 5%, #027236 98%);

HEX #027435 zu HEX #027236

CSS-Code:

background-image: radial-gradient(circle, #027435 10%, #027236 93%);

HEX #027236 zu HEX #027453

CSS-Code:

background-image: linear-gradient(135deg, #027236 14%, #027453 87%);

HEX #027236 zu HEX #027453

CSS-Code:

background-image: radial-gradient(circle, #027236 13%, #027453 95%);

HEX #027453 zu HEX #027236

CSS-Code:

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

HEX #027453 zu HEX #027236

CSS-Code:

background-image: radial-gradient(circle, #027453 13%, #027236 100%);

HEX #027236 zu HEX #027472

CSS-Code:

background-image: linear-gradient(135deg, #027236 1%, #027472 87%);

HEX #027236 zu HEX #027472

CSS-Code:

background-image: radial-gradient(circle, #027236 6%, #027472 93%);

HEX #027472 zu HEX #027236

CSS-Code:

background-image: linear-gradient(135deg, #027472 7%, #027236 86%);

HEX #027472 zu HEX #027236

CSS-Code:

background-image: radial-gradient(circle, #027472 8%, #027236 97%);

2-Farben Gradienten von #027236 - Monochromatische Farben

Linear

HEX #027236 zu HEX #014B23

CSS-Code:

background-image: linear-gradient(135deg, #027236 13%, #014B23 88%);

Radial

HEX #027236 zu HEX #014B23

CSS-Code:

background-image: radial-gradient(circle, #027236 5%, #014B23 98%);

HEX #014B23 zu HEX #027236

CSS-Code:

background-image: linear-gradient(135deg, #014B23 12%, #027236 88%);

HEX #014B23 zu HEX #027236

CSS-Code:

background-image: radial-gradient(circle, #014B23 9%, #027236 91%);

HEX #027236 zu HEX #027437

CSS-Code:

background-image: linear-gradient(135deg, #027236 6%, #027437 97%);

HEX #027236 zu HEX #027437

CSS-Code:

background-image: radial-gradient(circle, #027236 8%, #027437 100%);

HEX #027437 zu HEX #027236

CSS-Code:

background-image: linear-gradient(135deg, #027437 12%, #027236 86%);

HEX #027437 zu HEX #027236

CSS-Code:

background-image: radial-gradient(circle, #027437 7%, #027236 91%);

HEX #027236 zu HEX #029C4A

CSS-Code:

background-image: linear-gradient(135deg, #027236 1%, #029C4A 89%);

HEX #027236 zu HEX #029C4A

CSS-Code:

background-image: radial-gradient(circle, #027236 12%, #029C4A 91%);

HEX #029C4A zu HEX #027236

CSS-Code:

background-image: linear-gradient(135deg, #029C4A 12%, #027236 86%);

HEX #029C4A zu HEX #027236

CSS-Code:

background-image: radial-gradient(circle, #029C4A 6%, #027236 88%);

HEX #027236 zu HEX #03C55D

CSS-Code:

background-image: linear-gradient(135deg, #027236 10%, #03C55D 89%);

HEX #027236 zu HEX #03C55D

CSS-Code:

background-image: radial-gradient(circle, #027236 11%, #03C55D 94%);

HEX #03C55D zu HEX #027236

CSS-Code:

background-image: linear-gradient(135deg, #03C55D 0%, #027236 88%);

HEX #03C55D zu HEX #027236

CSS-Code:

background-image: radial-gradient(circle, #03C55D 1%, #027236 88%);

2-Farben Gradienten von #027236 - Teilkomplementär Farben

Linear

HEX #027236 zu HEX #022A74

CSS-Code:

background-image: linear-gradient(135deg, #027236 9%, #022A74 95%);

Radial

HEX #027236 zu HEX #022A74

CSS-Code:

background-image: radial-gradient(circle, #027236 6%, #022A74 97%);

HEX #022A74 zu HEX #027236

CSS-Code:

background-image: linear-gradient(135deg, #022A74 4%, #027236 94%);

HEX #022A74 zu HEX #027236

CSS-Code:

background-image: radial-gradient(circle, #022A74 13%, #027236 98%);

HEX #027236 zu HEX #740702

CSS-Code:

background-image: linear-gradient(135deg, #027236 10%, #740702 96%);

HEX #027236 zu HEX #740702

CSS-Code:

background-image: radial-gradient(circle, #027236 5%, #740702 88%);

HEX #740702 zu HEX #027236

CSS-Code:

background-image: linear-gradient(135deg, #740702 14%, #027236 100%);

HEX #740702 zu HEX #027236

CSS-Code:

background-image: radial-gradient(circle, #740702 14%, #027236 86%);

2-Farben Gradienten von #027236 - Triadische Farben

Linear

HEX #027236 zu HEX #350274

CSS-Code:

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

Radial

HEX #027236 zu HEX #350274

CSS-Code:

background-image: radial-gradient(circle, #027236 14%, #350274 100%);

HEX #350274 zu HEX #027236

CSS-Code:

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

HEX #350274 zu HEX #027236

CSS-Code:

background-image: radial-gradient(circle, #350274 11%, #027236 96%);

HEX #027236 zu HEX #743502

CSS-Code:

background-image: linear-gradient(135deg, #027236 9%, #743502 90%);

HEX #027236 zu HEX #743502

CSS-Code:

background-image: radial-gradient(circle, #027236 0%, #743502 94%);

HEX #743502 zu HEX #027236

CSS-Code:

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

HEX #743502 zu HEX #027236

CSS-Code:

background-image: radial-gradient(circle, #743502 0%, #027236 86%);

2-Farben Gradienten von #027236 - Rechteckige (Tetradische) Farben

Linear

HEX #027236 zu HEX #022A74

CSS-Code:

background-image: linear-gradient(135deg, #027236 5%, #022A74 90%);

Radial

HEX #027236 zu HEX #022A74

CSS-Code:

background-image: radial-gradient(circle, #027236 14%, #022A74 88%);

HEX #022A74 zu HEX #027236

CSS-Code:

background-image: linear-gradient(135deg, #022A74 13%, #027236 90%);

HEX #022A74 zu HEX #027236

CSS-Code:

background-image: radial-gradient(circle, #022A74 9%, #027236 96%);

HEX #027236 zu HEX #740240

CSS-Code:

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

HEX #027236 zu HEX #740240

CSS-Code:

background-image: radial-gradient(circle, #027236 13%, #740240 99%);

HEX #740240 zu HEX #027236

CSS-Code:

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

HEX #740240 zu HEX #027236

CSS-Code:

background-image: radial-gradient(circle, #740240 4%, #027236 87%);

HEX #027236 zu HEX #744C02

CSS-Code:

background-image: linear-gradient(135deg, #027236 11%, #744C02 89%);

HEX #027236 zu HEX #744C02

CSS-Code:

background-image: radial-gradient(circle, #027236 13%, #744C02 96%);

HEX #744C02 zu HEX #027236

CSS-Code:

background-image: linear-gradient(135deg, #744C02 7%, #027236 96%);

HEX #744C02 zu HEX #027236

CSS-Code:

background-image: radial-gradient(circle, #744C02 12%, #027236 98%);

2-Farben Gradienten von #027236 - Quadratische Farben

Linear

HEX #027236 zu HEX #020774

CSS-Code:

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

Radial

HEX #027236 zu HEX #020774

CSS-Code:

background-image: radial-gradient(circle, #027236 14%, #020774 88%);

HEX #020774 zu HEX #027236

CSS-Code:

background-image: linear-gradient(135deg, #020774 5%, #027236 95%);

HEX #020774 zu HEX #027236

CSS-Code:

background-image: radial-gradient(circle, #020774 13%, #027236 98%);

HEX #027236 zu HEX #740240

CSS-Code:

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

HEX #027236 zu HEX #740240

CSS-Code:

background-image: radial-gradient(circle, #027236 9%, #740240 91%);

HEX #740240 zu HEX #027236

CSS-Code:

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

HEX #740240 zu HEX #027236

CSS-Code:

background-image: radial-gradient(circle, #740240 10%, #027236 97%);

HEX #027236 zu HEX #746E02

CSS-Code:

background-image: linear-gradient(135deg, #027236 12%, #746E02 96%);

HEX #027236 zu HEX #746E02

CSS-Code:

background-image: radial-gradient(circle, #027236 14%, #746E02 93%);

HEX #746E02 zu HEX #027236

CSS-Code:

background-image: linear-gradient(135deg, #746E02 3%, #027236 99%);

HEX #746E02 zu HEX #027236

CSS-Code:

background-image: radial-gradient(circle, #746E02 6%, #027236 96%);

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

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)

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

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)

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)

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

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)

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

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)

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

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)

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

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)

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

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)

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

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.

Öffentlich

Abbrechen Teilen

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

Teilen

Ansehen

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

Erstellen Sie eine Farbpalette

HerunterladenHerunterladen in verschiedenen Formaten

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