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

✕

CSS Gradienten:
#7BBA76

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

Helle Farbe: hohe Farbwerte erzeugen einen hellen Eindruck.

Die Aufschlüsselung der Farbe in das RGB-Farbsystem: In diesem Farbton sind von 255 maximalen Farbanteilen jeweils 123 Rot, 186 Grün und 118 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 34 Cyan, keine Magenta, 37 Gelb und 27 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 #7BBA76 - Komplementärfarbe

Linear

HEX #7BBA76 zu HEX #844589

CSS-Code:

background-image: linear-gradient(135deg, #7BBA76 9%, #844589 99%);

Radial

HEX #7BBA76 zu HEX #844589

CSS-Code:

background-image: radial-gradient(circle, #7BBA76 2%, #844589 98%);

HEX #844589 zu HEX #7BBA76

CSS-Code:

background-image: linear-gradient(135deg, #844589 11%, #7BBA76 90%);

HEX #844589 zu HEX #7BBA76

CSS-Code:

background-image: radial-gradient(circle, #844589 9%, #7BBA76 90%);

2-Farben Gradienten von #7BBA76 - Hellere Farbtöne

Linear

HEX #7BBA76 zu HEX #8FBB77

CSS-Code:

background-image: linear-gradient(135deg, #7BBA76 7%, #8FBB77 100%);

Radial

HEX #7BBA76 zu HEX #8FBB77

CSS-Code:

background-image: radial-gradient(circle, #7BBA76 12%, #8FBB77 100%);

HEX #8FBB77 zu HEX #7BBA76

CSS-Code:

background-image: linear-gradient(135deg, #8FBB77 0%, #7BBA76 87%);

HEX #8FBB77 zu HEX #7BBA76

CSS-Code:

background-image: radial-gradient(circle, #8FBB77 10%, #7BBA76 91%);

HEX #7BBA76 zu HEX #7DBB77

CSS-Code:

background-image: linear-gradient(135deg, #7BBA76 6%, #7DBB77 99%);

HEX #7BBA76 zu HEX #7DBB77

CSS-Code:

background-image: radial-gradient(circle, #7BBA76 6%, #7DBB77 96%);

HEX #7DBB77 zu HEX #7BBA76

CSS-Code:

background-image: linear-gradient(135deg, #7DBB77 4%, #7BBA76 96%);

HEX #7DBB77 zu HEX #7BBA76

CSS-Code:

background-image: radial-gradient(circle, #7DBB77 3%, #7BBA76 93%);

HEX #7BBA76 zu HEX #77BB84

CSS-Code:

background-image: linear-gradient(135deg, #7BBA76 2%, #77BB84 91%);

HEX #7BBA76 zu HEX #77BB84

CSS-Code:

background-image: radial-gradient(circle, #7BBA76 13%, #77BB84 99%);

HEX #77BB84 zu HEX #7BBA76

CSS-Code:

background-image: linear-gradient(135deg, #77BB84 13%, #7BBA76 99%);

HEX #77BB84 zu HEX #7BBA76

CSS-Code:

background-image: radial-gradient(circle, #77BB84 14%, #7BBA76 93%);

HEX #7BBA76 zu HEX #77BB96

CSS-Code:

background-image: linear-gradient(135deg, #7BBA76 5%, #77BB96 89%);

HEX #7BBA76 zu HEX #77BB96

CSS-Code:

background-image: radial-gradient(circle, #7BBA76 4%, #77BB96 87%);

HEX #77BB96 zu HEX #7BBA76

CSS-Code:

background-image: linear-gradient(135deg, #77BB96 9%, #7BBA76 98%);

HEX #77BB96 zu HEX #7BBA76

CSS-Code:

background-image: radial-gradient(circle, #77BB96 14%, #7BBA76 95%);

2-Farben Gradienten von #7BBA76 - Dunklere Farbtöne

Linear

HEX #7BBA76 zu HEX #62AD5C

CSS-Code:

background-image: linear-gradient(135deg, #7BBA76 2%, #62AD5C 90%);

Radial

HEX #7BBA76 zu HEX #62AD5C

CSS-Code:

background-image: radial-gradient(circle, #7BBA76 10%, #62AD5C 99%);

HEX #62AD5C zu HEX #7BBA76

CSS-Code:

background-image: linear-gradient(135deg, #62AD5C 9%, #7BBA76 100%);

HEX #62AD5C zu HEX #7BBA76

CSS-Code:

background-image: radial-gradient(circle, #62AD5C 14%, #7BBA76 99%);

HEX #7BBA76 zu HEX #7CBB77

CSS-Code:

background-image: linear-gradient(135deg, #7BBA76 11%, #7CBB77 97%);

HEX #7BBA76 zu HEX #7CBB77

CSS-Code:

background-image: radial-gradient(circle, #7BBA76 9%, #7CBB77 92%);

HEX #7CBB77 zu HEX #7BBA76

CSS-Code:

background-image: linear-gradient(135deg, #7CBB77 7%, #7BBA76 87%);

HEX #7CBB77 zu HEX #7BBA76

CSS-Code:

background-image: radial-gradient(circle, #7CBB77 3%, #7BBA76 86%);

HEX #7BBA76 zu HEX #97C893

CSS-Code:

background-image: linear-gradient(135deg, #7BBA76 8%, #97C893 92%);

HEX #7BBA76 zu HEX #97C893

CSS-Code:

background-image: radial-gradient(circle, #7BBA76 1%, #97C893 93%);

HEX #97C893 zu HEX #7BBA76

CSS-Code:

background-image: linear-gradient(135deg, #97C893 14%, #7BBA76 94%);

HEX #97C893 zu HEX #7BBA76

CSS-Code:

background-image: radial-gradient(circle, #97C893 11%, #7BBA76 92%);

HEX #7BBA76 zu HEX #B1D6AE

CSS-Code:

background-image: linear-gradient(135deg, #7BBA76 10%, #B1D6AE 100%);

HEX #7BBA76 zu HEX #B1D6AE

CSS-Code:

background-image: radial-gradient(circle, #7BBA76 4%, #B1D6AE 91%);

HEX #B1D6AE zu HEX #7BBA76

CSS-Code:

background-image: linear-gradient(135deg, #B1D6AE 0%, #7BBA76 94%);

HEX #B1D6AE zu HEX #7BBA76

CSS-Code:

background-image: radial-gradient(circle, #B1D6AE 4%, #7BBA76 100%);

2-Farben Gradienten von #7BBA76 - Analoge Farben

Linear

HEX #7BBA76 zu HEX #8FBB77

CSS-Code:

background-image: linear-gradient(135deg, #7BBA76 10%, #8FBB77 92%);

Radial

HEX #7BBA76 zu HEX #8FBB77

CSS-Code:

background-image: radial-gradient(circle, #7BBA76 6%, #8FBB77 99%);

HEX #8FBB77 zu HEX #7BBA76

CSS-Code:

background-image: linear-gradient(135deg, #8FBB77 5%, #7BBA76 97%);

HEX #8FBB77 zu HEX #7BBA76

CSS-Code:

background-image: radial-gradient(circle, #8FBB77 6%, #7BBA76 86%);

HEX #7BBA76 zu HEX #7DBB77

CSS-Code:

background-image: linear-gradient(135deg, #7BBA76 2%, #7DBB77 97%);

HEX #7BBA76 zu HEX #7DBB77

CSS-Code:

background-image: radial-gradient(circle, #7BBA76 1%, #7DBB77 91%);

HEX #7DBB77 zu HEX #7BBA76

CSS-Code:

background-image: linear-gradient(135deg, #7DBB77 0%, #7BBA76 89%);

HEX #7DBB77 zu HEX #7BBA76

CSS-Code:

background-image: radial-gradient(circle, #7DBB77 9%, #7BBA76 87%);

HEX #7BBA76 zu HEX #77BB84

CSS-Code:

background-image: linear-gradient(135deg, #7BBA76 6%, #77BB84 90%);

HEX #7BBA76 zu HEX #77BB84

CSS-Code:

background-image: radial-gradient(circle, #7BBA76 7%, #77BB84 100%);

HEX #77BB84 zu HEX #7BBA76

CSS-Code:

background-image: linear-gradient(135deg, #77BB84 0%, #7BBA76 94%);

HEX #77BB84 zu HEX #7BBA76

CSS-Code:

background-image: radial-gradient(circle, #77BB84 6%, #7BBA76 100%);

HEX #7BBA76 zu HEX #77BB96

CSS-Code:

background-image: linear-gradient(135deg, #7BBA76 2%, #77BB96 99%);

HEX #7BBA76 zu HEX #77BB96

CSS-Code:

background-image: radial-gradient(circle, #7BBA76 7%, #77BB96 95%);

HEX #77BB96 zu HEX #7BBA76

CSS-Code:

background-image: linear-gradient(135deg, #77BB96 7%, #7BBA76 87%);

HEX #77BB96 zu HEX #7BBA76

CSS-Code:

background-image: radial-gradient(circle, #77BB96 12%, #7BBA76 87%);

2-Farben Gradienten von #7BBA76 - Monochromatische Farben

Linear

HEX #7BBA76 zu HEX #62AD5C

CSS-Code:

background-image: linear-gradient(135deg, #7BBA76 9%, #62AD5C 99%);

Radial

HEX #7BBA76 zu HEX #62AD5C

CSS-Code:

background-image: radial-gradient(circle, #7BBA76 7%, #62AD5C 94%);

HEX #62AD5C zu HEX #7BBA76

CSS-Code:

background-image: linear-gradient(135deg, #62AD5C 7%, #7BBA76 96%);

HEX #62AD5C zu HEX #7BBA76

CSS-Code:

background-image: radial-gradient(circle, #62AD5C 1%, #7BBA76 97%);

HEX #7BBA76 zu HEX #7CBB77

CSS-Code:

background-image: linear-gradient(135deg, #7BBA76 8%, #7CBB77 89%);

HEX #7BBA76 zu HEX #7CBB77

CSS-Code:

background-image: radial-gradient(circle, #7BBA76 6%, #7CBB77 100%);

HEX #7CBB77 zu HEX #7BBA76

CSS-Code:

background-image: linear-gradient(135deg, #7CBB77 7%, #7BBA76 88%);

HEX #7CBB77 zu HEX #7BBA76

CSS-Code:

background-image: radial-gradient(circle, #7CBB77 10%, #7BBA76 88%);

HEX #7BBA76 zu HEX #97C893

CSS-Code:

background-image: linear-gradient(135deg, #7BBA76 0%, #97C893 87%);

HEX #7BBA76 zu HEX #97C893

CSS-Code:

background-image: radial-gradient(circle, #7BBA76 1%, #97C893 97%);

HEX #97C893 zu HEX #7BBA76

CSS-Code:

background-image: linear-gradient(135deg, #97C893 6%, #7BBA76 100%);

HEX #97C893 zu HEX #7BBA76

CSS-Code:

background-image: radial-gradient(circle, #97C893 11%, #7BBA76 90%);

HEX #7BBA76 zu HEX #B1D6AE

CSS-Code:

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

HEX #7BBA76 zu HEX #B1D6AE

CSS-Code:

background-image: radial-gradient(circle, #7BBA76 6%, #B1D6AE 97%);

HEX #B1D6AE zu HEX #7BBA76

CSS-Code:

background-image: linear-gradient(135deg, #B1D6AE 13%, #7BBA76 87%);

HEX #B1D6AE zu HEX #7BBA76

CSS-Code:

background-image: radial-gradient(circle, #B1D6AE 7%, #7BBA76 90%);

2-Farben Gradienten von #7BBA76 - Teilkomplementär Farben

Linear

HEX #7BBA76 zu HEX #77B3BB

CSS-Code:

background-image: linear-gradient(135deg, #7BBA76 10%, #77B3BB 89%);

Radial

HEX #7BBA76 zu HEX #77B3BB

CSS-Code:

background-image: radial-gradient(circle, #7BBA76 8%, #77B3BB 94%);

HEX #77B3BB zu HEX #7BBA76

CSS-Code:

background-image: linear-gradient(135deg, #77B3BB 8%, #7BBA76 99%);

HEX #77B3BB zu HEX #7BBA76

CSS-Code:

background-image: radial-gradient(circle, #77B3BB 3%, #7BBA76 94%);

HEX #7BBA76 zu HEX #BB7798

CSS-Code:

background-image: linear-gradient(135deg, #7BBA76 13%, #BB7798 98%);

HEX #7BBA76 zu HEX #BB7798

CSS-Code:

background-image: radial-gradient(circle, #7BBA76 14%, #BB7798 86%);

HEX #BB7798 zu HEX #7BBA76

CSS-Code:

background-image: linear-gradient(135deg, #BB7798 5%, #7BBA76 94%);

HEX #BB7798 zu HEX #7BBA76

CSS-Code:

background-image: radial-gradient(circle, #BB7798 0%, #7BBA76 88%);

2-Farben Gradienten von #7BBA76 - Triadische Farben

Linear

HEX #7BBA76 zu HEX #777DBB

CSS-Code:

background-image: linear-gradient(135deg, #7BBA76 11%, #777DBB 100%);

Radial

HEX #7BBA76 zu HEX #777DBB

CSS-Code:

background-image: radial-gradient(circle, #7BBA76 13%, #777DBB 91%);

HEX #777DBB zu HEX #7BBA76

CSS-Code:

background-image: linear-gradient(135deg, #777DBB 4%, #7BBA76 86%);

HEX #777DBB zu HEX #7BBA76

CSS-Code:

background-image: radial-gradient(circle, #777DBB 10%, #7BBA76 96%);

HEX #7BBA76 zu HEX #BB777D

CSS-Code:

background-image: linear-gradient(135deg, #7BBA76 11%, #BB777D 95%);

HEX #7BBA76 zu HEX #BB777D

CSS-Code:

background-image: radial-gradient(circle, #7BBA76 7%, #BB777D 89%);

HEX #BB777D zu HEX #7BBA76

CSS-Code:

background-image: linear-gradient(135deg, #BB777D 3%, #7BBA76 86%);

HEX #BB777D zu HEX #7BBA76

CSS-Code:

background-image: radial-gradient(circle, #BB777D 7%, #7BBA76 89%);

2-Farben Gradienten von #7BBA76 - Rechteckige (Tetradische) Farben

Linear

HEX #7BBA76 zu HEX #77B3BB

CSS-Code:

background-image: linear-gradient(135deg, #7BBA76 11%, #77B3BB 95%);

Radial

HEX #7BBA76 zu HEX #77B3BB

CSS-Code:

background-image: radial-gradient(circle, #7BBA76 10%, #77B3BB 95%);

HEX #77B3BB zu HEX #7BBA76

CSS-Code:

background-image: linear-gradient(135deg, #77B3BB 10%, #7BBA76 98%);

HEX #77B3BB zu HEX #7BBA76

CSS-Code:

background-image: radial-gradient(circle, #77B3BB 11%, #7BBA76 89%);

HEX #7BBA76 zu HEX #B577BB

CSS-Code:

background-image: linear-gradient(135deg, #7BBA76 12%, #B577BB 98%);

HEX #7BBA76 zu HEX #B577BB

CSS-Code:

background-image: radial-gradient(circle, #7BBA76 10%, #B577BB 91%);

HEX #B577BB zu HEX #7BBA76

CSS-Code:

background-image: linear-gradient(135deg, #B577BB 14%, #7BBA76 99%);

HEX #B577BB zu HEX #7BBA76

CSS-Code:

background-image: radial-gradient(circle, #B577BB 12%, #7BBA76 89%);

HEX #7BBA76 zu HEX #BB7F77

CSS-Code:

background-image: linear-gradient(135deg, #7BBA76 5%, #BB7F77 94%);

HEX #7BBA76 zu HEX #BB7F77

CSS-Code:

background-image: radial-gradient(circle, #7BBA76 1%, #BB7F77 100%);

HEX #BB7F77 zu HEX #7BBA76

CSS-Code:

background-image: linear-gradient(135deg, #BB7F77 3%, #7BBA76 87%);

HEX #BB7F77 zu HEX #7BBA76

CSS-Code:

background-image: radial-gradient(circle, #BB7F77 8%, #7BBA76 92%);

2-Farben Gradienten von #7BBA76 - Quadratische Farben

Linear

HEX #7BBA76 zu HEX #779FBB

CSS-Code:

background-image: linear-gradient(135deg, #7BBA76 9%, #779FBB 94%);

Radial

HEX #7BBA76 zu HEX #779FBB

CSS-Code:

background-image: radial-gradient(circle, #7BBA76 14%, #779FBB 88%);

HEX #779FBB zu HEX #7BBA76

CSS-Code:

background-image: linear-gradient(135deg, #779FBB 14%, #7BBA76 90%);

HEX #779FBB zu HEX #7BBA76

CSS-Code:

background-image: radial-gradient(circle, #779FBB 14%, #7BBA76 92%);

HEX #7BBA76 zu HEX #B577BB

CSS-Code:

background-image: linear-gradient(135deg, #7BBA76 12%, #B577BB 87%);

HEX #7BBA76 zu HEX #B577BB

CSS-Code:

background-image: radial-gradient(circle, #7BBA76 5%, #B577BB 95%);

HEX #B577BB zu HEX #7BBA76

CSS-Code:

background-image: linear-gradient(135deg, #B577BB 9%, #7BBA76 90%);

HEX #B577BB zu HEX #7BBA76

CSS-Code:

background-image: radial-gradient(circle, #B577BB 0%, #7BBA76 99%);

HEX #7BBA76 zu HEX #BB9377

CSS-Code:

background-image: linear-gradient(135deg, #7BBA76 8%, #BB9377 95%);

HEX #7BBA76 zu HEX #BB9377

CSS-Code:

background-image: radial-gradient(circle, #7BBA76 9%, #BB9377 96%);

HEX #BB9377 zu HEX #7BBA76

CSS-Code:

background-image: linear-gradient(135deg, #BB9377 8%, #7BBA76 100%);

HEX #BB9377 zu HEX #7BBA76

CSS-Code:

background-image: radial-gradient(circle, #BB9377 13%, #7BBA76 91%);

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.