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

✕

CSS Gradienten:
#28D407

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

Grün dominiert deutlich: Der Grünwert liegt über Rot und Blau. 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, 212 Grün und 7 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 81 Cyan, keine Magenta, 97 Gelb und 17 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 #28D407 - Komplementärfarbe

Linear

HEX #28D407 zu HEX #D72BF8

CSS-Code:

background-image: linear-gradient(135deg, #28D407 6%, #D72BF8 96%);

Radial

HEX #28D407 zu HEX #D72BF8

CSS-Code:

background-image: radial-gradient(circle, #28D407 10%, #D72BF8 96%);

HEX #D72BF8 zu HEX #28D407

CSS-Code:

background-image: linear-gradient(135deg, #D72BF8 7%, #28D407 99%);

HEX #D72BF8 zu HEX #28D407

CSS-Code:

background-image: radial-gradient(circle, #D72BF8 14%, #28D407 95%);

2-Farben Gradienten von #28D407 - Hellere Farbtöne

Linear

HEX #28D407 zu HEX #60D507

CSS-Code:

background-image: linear-gradient(135deg, #28D407 5%, #60D507 98%);

Radial

HEX #28D407 zu HEX #60D507

CSS-Code:

background-image: radial-gradient(circle, #28D407 6%, #60D507 89%);

HEX #60D507 zu HEX #28D407

CSS-Code:

background-image: linear-gradient(135deg, #60D507 4%, #28D407 86%);

HEX #60D507 zu HEX #28D407

CSS-Code:

background-image: radial-gradient(circle, #60D507 0%, #28D407 87%);

HEX #28D407 zu HEX #29D507

CSS-Code:

background-image: linear-gradient(135deg, #28D407 9%, #29D507 96%);

HEX #28D407 zu HEX #29D507

CSS-Code:

background-image: radial-gradient(circle, #28D407 7%, #29D507 88%);

HEX #29D507 zu HEX #28D407

CSS-Code:

background-image: linear-gradient(135deg, #29D507 13%, #28D407 95%);

HEX #29D507 zu HEX #28D407

CSS-Code:

background-image: radial-gradient(circle, #29D507 13%, #28D407 89%);

HEX #28D407 zu HEX #07D51B

CSS-Code:

background-image: linear-gradient(135deg, #28D407 7%, #07D51B 86%);

HEX #28D407 zu HEX #07D51B

CSS-Code:

background-image: radial-gradient(circle, #28D407 0%, #07D51B 93%);

HEX #07D51B zu HEX #28D407

CSS-Code:

background-image: linear-gradient(135deg, #07D51B 1%, #28D407 92%);

HEX #07D51B zu HEX #28D407

CSS-Code:

background-image: radial-gradient(circle, #07D51B 7%, #28D407 93%);

HEX #28D407 zu HEX #07D552

CSS-Code:

background-image: linear-gradient(135deg, #28D407 12%, #07D552 86%);

HEX #28D407 zu HEX #07D552

CSS-Code:

background-image: radial-gradient(circle, #28D407 2%, #07D552 95%);

HEX #07D552 zu HEX #28D407

CSS-Code:

background-image: linear-gradient(135deg, #07D552 13%, #28D407 87%);

HEX #07D552 zu HEX #28D407

CSS-Code:

background-image: radial-gradient(circle, #07D552 10%, #28D407 96%);

2-Farben Gradienten von #28D407 - Dunklere Farbtöne

Linear

HEX #28D407 zu HEX #20AD05

CSS-Code:

background-image: linear-gradient(135deg, #28D407 2%, #20AD05 89%);

Radial

HEX #28D407 zu HEX #20AD05

CSS-Code:

background-image: radial-gradient(circle, #28D407 8%, #20AD05 95%);

HEX #20AD05 zu HEX #28D407

CSS-Code:

background-image: linear-gradient(135deg, #20AD05 6%, #28D407 87%);

HEX #20AD05 zu HEX #28D407

CSS-Code:

background-image: radial-gradient(circle, #20AD05 2%, #28D407 89%);

HEX #28D407 zu HEX #28D507

CSS-Code:

background-image: linear-gradient(135deg, #28D407 5%, #28D507 98%);

HEX #28D407 zu HEX #28D507

CSS-Code:

background-image: radial-gradient(circle, #28D407 3%, #28D507 95%);

HEX #28D507 zu HEX #28D407

CSS-Code:

background-image: linear-gradient(135deg, #28D507 4%, #28D407 92%);

HEX #28D507 zu HEX #28D407

CSS-Code:

background-image: radial-gradient(circle, #28D507 11%, #28D407 87%);

HEX #28D407 zu HEX #33F80D

CSS-Code:

background-image: linear-gradient(135deg, #28D407 11%, #33F80D 95%);

HEX #28D407 zu HEX #33F80D

CSS-Code:

background-image: radial-gradient(circle, #28D407 8%, #33F80D 86%);

HEX #33F80D zu HEX #28D407

CSS-Code:

background-image: linear-gradient(135deg, #33F80D 3%, #28D407 88%);

HEX #33F80D zu HEX #28D407

CSS-Code:

background-image: radial-gradient(circle, #33F80D 0%, #28D407 96%);

HEX #28D407 zu HEX #55F935

CSS-Code:

background-image: linear-gradient(135deg, #28D407 7%, #55F935 94%);

HEX #28D407 zu HEX #55F935

CSS-Code:

background-image: radial-gradient(circle, #28D407 2%, #55F935 93%);

HEX #55F935 zu HEX #28D407

CSS-Code:

background-image: linear-gradient(135deg, #55F935 14%, #28D407 95%);

HEX #55F935 zu HEX #28D407

CSS-Code:

background-image: radial-gradient(circle, #55F935 13%, #28D407 94%);

2-Farben Gradienten von #28D407 - Analoge Farben

Linear

HEX #28D407 zu HEX #60D507

CSS-Code:

background-image: linear-gradient(135deg, #28D407 0%, #60D507 97%);

Radial

HEX #28D407 zu HEX #60D507

CSS-Code:

background-image: radial-gradient(circle, #28D407 14%, #60D507 98%);

HEX #60D507 zu HEX #28D407

CSS-Code:

background-image: linear-gradient(135deg, #60D507 0%, #28D407 87%);

HEX #60D507 zu HEX #28D407

CSS-Code:

background-image: radial-gradient(circle, #60D507 10%, #28D407 91%);

HEX #28D407 zu HEX #29D507

CSS-Code:

background-image: linear-gradient(135deg, #28D407 5%, #29D507 89%);

HEX #28D407 zu HEX #29D507

CSS-Code:

background-image: radial-gradient(circle, #28D407 2%, #29D507 96%);

HEX #29D507 zu HEX #28D407

CSS-Code:

background-image: linear-gradient(135deg, #29D507 8%, #28D407 97%);

HEX #29D507 zu HEX #28D407

CSS-Code:

background-image: radial-gradient(circle, #29D507 8%, #28D407 98%);

HEX #28D407 zu HEX #07D51B

CSS-Code:

background-image: linear-gradient(135deg, #28D407 6%, #07D51B 91%);

HEX #28D407 zu HEX #07D51B

CSS-Code:

background-image: radial-gradient(circle, #28D407 8%, #07D51B 86%);

HEX #07D51B zu HEX #28D407

CSS-Code:

background-image: linear-gradient(135deg, #07D51B 2%, #28D407 88%);

HEX #07D51B zu HEX #28D407

CSS-Code:

background-image: radial-gradient(circle, #07D51B 9%, #28D407 96%);

HEX #28D407 zu HEX #07D552

CSS-Code:

background-image: linear-gradient(135deg, #28D407 11%, #07D552 95%);

HEX #28D407 zu HEX #07D552

CSS-Code:

background-image: radial-gradient(circle, #28D407 13%, #07D552 94%);

HEX #07D552 zu HEX #28D407

CSS-Code:

background-image: linear-gradient(135deg, #07D552 10%, #28D407 99%);

HEX #07D552 zu HEX #28D407

CSS-Code:

background-image: radial-gradient(circle, #07D552 9%, #28D407 93%);

2-Farben Gradienten von #28D407 - Monochromatische Farben

Linear

HEX #28D407 zu HEX #20AD05

CSS-Code:

background-image: linear-gradient(135deg, #28D407 3%, #20AD05 93%);

Radial

HEX #28D407 zu HEX #20AD05

CSS-Code:

background-image: radial-gradient(circle, #28D407 0%, #20AD05 96%);

HEX #20AD05 zu HEX #28D407

CSS-Code:

background-image: linear-gradient(135deg, #20AD05 10%, #28D407 98%);

HEX #20AD05 zu HEX #28D407

CSS-Code:

background-image: radial-gradient(circle, #20AD05 8%, #28D407 92%);

HEX #28D407 zu HEX #28D507

CSS-Code:

background-image: linear-gradient(135deg, #28D407 1%, #28D507 91%);

HEX #28D407 zu HEX #28D507

CSS-Code:

background-image: radial-gradient(circle, #28D407 5%, #28D507 90%);

HEX #28D507 zu HEX #28D407

CSS-Code:

background-image: linear-gradient(135deg, #28D507 8%, #28D407 92%);

HEX #28D507 zu HEX #28D407

CSS-Code:

background-image: radial-gradient(circle, #28D507 13%, #28D407 94%);

HEX #28D407 zu HEX #33F80D

CSS-Code:

background-image: linear-gradient(135deg, #28D407 2%, #33F80D 97%);

HEX #28D407 zu HEX #33F80D

CSS-Code:

background-image: radial-gradient(circle, #28D407 9%, #33F80D 93%);

HEX #33F80D zu HEX #28D407

CSS-Code:

background-image: linear-gradient(135deg, #33F80D 9%, #28D407 99%);

HEX #33F80D zu HEX #28D407

CSS-Code:

background-image: radial-gradient(circle, #33F80D 5%, #28D407 93%);

HEX #28D407 zu HEX #55F935

CSS-Code:

background-image: linear-gradient(135deg, #28D407 4%, #55F935 96%);

HEX #28D407 zu HEX #55F935

CSS-Code:

background-image: radial-gradient(circle, #28D407 3%, #55F935 86%);

HEX #55F935 zu HEX #28D407

CSS-Code:

background-image: linear-gradient(135deg, #55F935 6%, #28D407 94%);

HEX #55F935 zu HEX #28D407

CSS-Code:

background-image: radial-gradient(circle, #55F935 5%, #28D407 92%);

2-Farben Gradienten von #28D407 - Teilkomplementär Farben

Linear

HEX #28D407 zu HEX #07CED5

CSS-Code:

background-image: linear-gradient(135deg, #28D407 12%, #07CED5 90%);

Radial

HEX #28D407 zu HEX #07CED5

CSS-Code:

background-image: radial-gradient(circle, #28D407 10%, #07CED5 88%);

HEX #07CED5 zu HEX #28D407

CSS-Code:

background-image: linear-gradient(135deg, #07CED5 2%, #28D407 100%);

HEX #07CED5 zu HEX #28D407

CSS-Code:

background-image: radial-gradient(circle, #07CED5 2%, #28D407 88%);

HEX #28D407 zu HEX #D5077B

CSS-Code:

background-image: linear-gradient(135deg, #28D407 14%, #D5077B 98%);

HEX #28D407 zu HEX #D5077B

CSS-Code:

background-image: radial-gradient(circle, #28D407 6%, #D5077B 88%);

HEX #D5077B zu HEX #28D407

CSS-Code:

background-image: linear-gradient(135deg, #D5077B 0%, #28D407 100%);

HEX #D5077B zu HEX #28D407

CSS-Code:

background-image: radial-gradient(circle, #D5077B 3%, #28D407 93%);

2-Farben Gradienten von #28D407 - Triadische Farben

Linear

HEX #28D407 zu HEX #0729D5

CSS-Code:

background-image: linear-gradient(135deg, #28D407 10%, #0729D5 95%);

Radial

HEX #28D407 zu HEX #0729D5

CSS-Code:

background-image: radial-gradient(circle, #28D407 11%, #0729D5 86%);

HEX #0729D5 zu HEX #28D407

CSS-Code:

background-image: linear-gradient(135deg, #0729D5 0%, #28D407 95%);

HEX #0729D5 zu HEX #28D407

CSS-Code:

background-image: radial-gradient(circle, #0729D5 0%, #28D407 100%);

HEX #28D407 zu HEX #D50729

CSS-Code:

background-image: linear-gradient(135deg, #28D407 14%, #D50729 89%);

HEX #28D407 zu HEX #D50729

CSS-Code:

background-image: radial-gradient(circle, #28D407 12%, #D50729 91%);

HEX #D50729 zu HEX #28D407

CSS-Code:

background-image: linear-gradient(135deg, #D50729 2%, #28D407 93%);

HEX #D50729 zu HEX #28D407

CSS-Code:

background-image: radial-gradient(circle, #D50729 8%, #28D407 98%);

2-Farben Gradienten von #28D407 - Rechteckige (Tetradische) Farben

Linear

HEX #28D407 zu HEX #07CED5

CSS-Code:

background-image: linear-gradient(135deg, #28D407 1%, #07CED5 92%);

Radial

HEX #28D407 zu HEX #07CED5

CSS-Code:

background-image: radial-gradient(circle, #28D407 6%, #07CED5 90%);

HEX #07CED5 zu HEX #28D407

CSS-Code:

background-image: linear-gradient(135deg, #07CED5 14%, #28D407 100%);

HEX #07CED5 zu HEX #28D407

CSS-Code:

background-image: radial-gradient(circle, #07CED5 3%, #28D407 91%);

HEX #28D407 zu HEX #B207D5

CSS-Code:

background-image: linear-gradient(135deg, #28D407 3%, #B207D5 93%);

HEX #28D407 zu HEX #B207D5

CSS-Code:

background-image: radial-gradient(circle, #28D407 7%, #B207D5 91%);

HEX #B207D5 zu HEX #28D407

CSS-Code:

background-image: linear-gradient(135deg, #B207D5 1%, #28D407 87%);

HEX #B207D5 zu HEX #28D407

CSS-Code:

background-image: radial-gradient(circle, #B207D5 14%, #28D407 95%);

HEX #28D407 zu HEX #D50D07

CSS-Code:

background-image: linear-gradient(135deg, #28D407 12%, #D50D07 98%);

HEX #28D407 zu HEX #D50D07

CSS-Code:

background-image: radial-gradient(circle, #28D407 3%, #D50D07 87%);

HEX #D50D07 zu HEX #28D407

CSS-Code:

background-image: linear-gradient(135deg, #D50D07 9%, #28D407 86%);

HEX #D50D07 zu HEX #28D407

CSS-Code:

background-image: radial-gradient(circle, #D50D07 0%, #28D407 87%);

2-Farben Gradienten von #28D407 - Quadratische Farben

Linear

HEX #28D407 zu HEX #0790D5

CSS-Code:

background-image: linear-gradient(135deg, #28D407 8%, #0790D5 95%);

Radial

HEX #28D407 zu HEX #0790D5

CSS-Code:

background-image: radial-gradient(circle, #28D407 14%, #0790D5 87%);

HEX #0790D5 zu HEX #28D407

CSS-Code:

background-image: linear-gradient(135deg, #0790D5 1%, #28D407 88%);

HEX #0790D5 zu HEX #28D407

CSS-Code:

background-image: radial-gradient(circle, #0790D5 14%, #28D407 98%);

HEX #28D407 zu HEX #B207D5

CSS-Code:

background-image: linear-gradient(135deg, #28D407 9%, #B207D5 91%);

HEX #28D407 zu HEX #B207D5

CSS-Code:

background-image: radial-gradient(circle, #28D407 6%, #B207D5 90%);

HEX #B207D5 zu HEX #28D407

CSS-Code:

background-image: linear-gradient(135deg, #B207D5 3%, #28D407 98%);

HEX #B207D5 zu HEX #28D407

CSS-Code:

background-image: radial-gradient(circle, #B207D5 1%, #28D407 90%);

HEX #28D407 zu HEX #D54B07

CSS-Code:

background-image: linear-gradient(135deg, #28D407 2%, #D54B07 96%);

HEX #28D407 zu HEX #D54B07

CSS-Code:

background-image: radial-gradient(circle, #28D407 11%, #D54B07 97%);

HEX #D54B07 zu HEX #28D407

CSS-Code:

background-image: linear-gradient(135deg, #D54B07 5%, #28D407 89%);

HEX #D54B07 zu HEX #28D407

CSS-Code:

background-image: radial-gradient(circle, #D54B07 6%, #28D407 90%);

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.