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

CSS Gradienten:
#872868

Information

schließe alle

Lass Dir 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: Kopiere Dir den CSS-Code zum einfachen integrieren auf Deiner Webseite.

Lass Dir 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: Kopiere Dir den CSS-Code zum einfachen integrieren auf Deiner Webseite.

Lass Dir 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: Kopiere Dir den CSS-Code zum einfachen integrieren auf Deiner Webseite.

Anzeigeoptionen

Beschreibung

Da die Farbwerte im Vergleich zu anderen relativ gering sind, erscheint uns dieser Farbton dunkler.

Die Aufschlüsselung der Farbe in das RGB-Farbsystem: In diesem Farbton sind von 255 maximalen Farbanteilen jeweils 135 Rot, 40 Grün und 104 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.
135 40 104 R G B
Im CMYK-Farbsystem wird die Farbe folgendermaßen zusammengesetzt: In diesem Farbton sind von 100 maximalen Farbanteilen jeweils keine Cyan, 70 Magenta, 23 Gelb und 47 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% 70% 23% 47% C M Y K

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #872868 zu HEX #78D797


CSS-Code:

background-image: linear-gradient(135deg, #872868 12%, #78D797 93%);

Radial

HEX #872868 zu HEX #78D797


CSS-Code:

background-image: radial-gradient(circle, #872868 7%, #78D797 96%);

 

HEX #78D797 zu HEX #872868


CSS-Code:

background-image: linear-gradient(135deg, #78D797 6%, #872868 87%);

 

HEX #78D797 zu HEX #872868


CSS-Code:

background-image: radial-gradient(circle, #78D797 6%, #872868 100%);

Linear

HEX #872868 zu HEX #852780


CSS-Code:

background-image: linear-gradient(135deg, #872868 4%, #852780 97%);

Radial

HEX #872868 zu HEX #852780


CSS-Code:

background-image: radial-gradient(circle, #872868 14%, #852780 94%);

 

HEX #852780 zu HEX #872868


CSS-Code:

background-image: linear-gradient(135deg, #852780 8%, #872868 100%);

 

HEX #852780 zu HEX #872868


CSS-Code:

background-image: radial-gradient(circle, #852780 2%, #872868 91%);

 

HEX #872868 zu HEX #852767


CSS-Code:

background-image: linear-gradient(135deg, #872868 3%, #852767 88%);

 

HEX #872868 zu HEX #852767


CSS-Code:

background-image: radial-gradient(circle, #872868 9%, #852767 91%);

 

HEX #852767 zu HEX #872868


CSS-Code:

background-image: linear-gradient(135deg, #852767 9%, #872868 97%);

 

HEX #852767 zu HEX #872868


CSS-Code:

background-image: radial-gradient(circle, #852767 1%, #872868 94%);

 

HEX #872868 zu HEX #85274E


CSS-Code:

background-image: linear-gradient(135deg, #872868 10%, #85274E 93%);

 

HEX #872868 zu HEX #85274E


CSS-Code:

background-image: radial-gradient(circle, #872868 6%, #85274E 92%);

 

HEX #85274E zu HEX #872868


CSS-Code:

background-image: linear-gradient(135deg, #85274E 5%, #872868 87%);

 

HEX #85274E zu HEX #872868


CSS-Code:

background-image: radial-gradient(circle, #85274E 14%, #872868 90%);

 

HEX #872868 zu HEX #852735


CSS-Code:

background-image: linear-gradient(135deg, #872868 8%, #852735 90%);

 

HEX #872868 zu HEX #852735


CSS-Code:

background-image: radial-gradient(circle, #872868 6%, #852735 95%);

 

HEX #852735 zu HEX #872868


CSS-Code:

background-image: linear-gradient(135deg, #852735 5%, #872868 89%);

 

HEX #852735 zu HEX #872868


CSS-Code:

background-image: radial-gradient(circle, #852735 2%, #872868 94%);

Linear

HEX #872868 zu HEX #651E4E


CSS-Code:

background-image: linear-gradient(135deg, #872868 4%, #651E4E 92%);

Radial

HEX #872868 zu HEX #651E4E


CSS-Code:

background-image: radial-gradient(circle, #872868 6%, #651E4E 96%);

 

HEX #651E4E zu HEX #872868


CSS-Code:

background-image: linear-gradient(135deg, #651E4E 2%, #872868 96%);

 

HEX #651E4E zu HEX #872868


CSS-Code:

background-image: radial-gradient(circle, #651E4E 8%, #872868 91%);

 

HEX #872868 zu HEX #852766


CSS-Code:

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

 

HEX #872868 zu HEX #852766


CSS-Code:

background-image: radial-gradient(circle, #872868 6%, #852766 95%);

 

HEX #852766 zu HEX #872868


CSS-Code:

background-image: linear-gradient(135deg, #852766 12%, #872868 90%);

 

HEX #852766 zu HEX #872868


CSS-Code:

background-image: radial-gradient(circle, #852766 1%, #872868 94%);

 

HEX #872868 zu HEX #A5317F


CSS-Code:

background-image: linear-gradient(135deg, #872868 6%, #A5317F 91%);

 

HEX #872868 zu HEX #A5317F


CSS-Code:

background-image: radial-gradient(circle, #872868 0%, #A5317F 90%);

 

HEX #A5317F zu HEX #872868


CSS-Code:

background-image: linear-gradient(135deg, #A5317F 13%, #872868 100%);

 

HEX #A5317F zu HEX #872868


CSS-Code:

background-image: radial-gradient(circle, #A5317F 5%, #872868 91%);

 

HEX #872868 zu HEX #C43B97


CSS-Code:

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

 

HEX #872868 zu HEX #C43B97


CSS-Code:

background-image: radial-gradient(circle, #872868 9%, #C43B97 88%);

 

HEX #C43B97 zu HEX #872868


CSS-Code:

background-image: linear-gradient(135deg, #C43B97 3%, #872868 91%);

 

HEX #C43B97 zu HEX #872868


CSS-Code:

background-image: radial-gradient(circle, #C43B97 4%, #872868 100%);

Linear

HEX #872868 zu HEX #852780


CSS-Code:

background-image: linear-gradient(135deg, #872868 10%, #852780 95%);

Radial

HEX #872868 zu HEX #852780


CSS-Code:

background-image: radial-gradient(circle, #872868 5%, #852780 89%);

 

HEX #852780 zu HEX #872868


CSS-Code:

background-image: linear-gradient(135deg, #852780 2%, #872868 91%);

 

HEX #852780 zu HEX #872868


CSS-Code:

background-image: radial-gradient(circle, #852780 9%, #872868 94%);

 

HEX #872868 zu HEX #852767


CSS-Code:

background-image: linear-gradient(135deg, #872868 9%, #852767 89%);

 

HEX #872868 zu HEX #852767


CSS-Code:

background-image: radial-gradient(circle, #872868 7%, #852767 88%);

 

HEX #852767 zu HEX #872868


CSS-Code:

background-image: linear-gradient(135deg, #852767 7%, #872868 97%);

 

HEX #852767 zu HEX #872868


CSS-Code:

background-image: radial-gradient(circle, #852767 9%, #872868 90%);

 

HEX #872868 zu HEX #85274E


CSS-Code:

background-image: linear-gradient(135deg, #872868 9%, #85274E 93%);

 

HEX #872868 zu HEX #85274E


CSS-Code:

background-image: radial-gradient(circle, #872868 8%, #85274E 97%);

 

HEX #85274E zu HEX #872868


CSS-Code:

background-image: linear-gradient(135deg, #85274E 2%, #872868 91%);

 

HEX #85274E zu HEX #872868


CSS-Code:

background-image: radial-gradient(circle, #85274E 0%, #872868 95%);

 

HEX #872868 zu HEX #852735


CSS-Code:

background-image: linear-gradient(135deg, #872868 13%, #852735 97%);

 

HEX #872868 zu HEX #852735


CSS-Code:

background-image: radial-gradient(circle, #872868 0%, #852735 94%);

 

HEX #852735 zu HEX #872868


CSS-Code:

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

 

HEX #852735 zu HEX #872868


CSS-Code:

background-image: radial-gradient(circle, #852735 5%, #872868 93%);

Linear

HEX #872868 zu HEX #651E4E


CSS-Code:

background-image: linear-gradient(135deg, #872868 7%, #651E4E 88%);

Radial

HEX #872868 zu HEX #651E4E


CSS-Code:

background-image: radial-gradient(circle, #872868 7%, #651E4E 97%);

 

HEX #651E4E zu HEX #872868


CSS-Code:

background-image: linear-gradient(135deg, #651E4E 6%, #872868 94%);

 

HEX #651E4E zu HEX #872868


CSS-Code:

background-image: radial-gradient(circle, #651E4E 13%, #872868 95%);

 

HEX #872868 zu HEX #852766


CSS-Code:

background-image: linear-gradient(135deg, #872868 3%, #852766 89%);

 

HEX #872868 zu HEX #852766


CSS-Code:

background-image: radial-gradient(circle, #872868 11%, #852766 90%);

 

HEX #852766 zu HEX #872868


CSS-Code:

background-image: linear-gradient(135deg, #852766 4%, #872868 89%);

 

HEX #852766 zu HEX #872868


CSS-Code:

background-image: radial-gradient(circle, #852766 10%, #872868 96%);

 

HEX #872868 zu HEX #A5317F


CSS-Code:

background-image: linear-gradient(135deg, #872868 3%, #A5317F 86%);

 

HEX #872868 zu HEX #A5317F


CSS-Code:

background-image: radial-gradient(circle, #872868 7%, #A5317F 88%);

 

HEX #A5317F zu HEX #872868


CSS-Code:

background-image: linear-gradient(135deg, #A5317F 6%, #872868 93%);

 

HEX #A5317F zu HEX #872868


CSS-Code:

background-image: radial-gradient(circle, #A5317F 6%, #872868 97%);

 

HEX #872868 zu HEX #C43B97


CSS-Code:

background-image: linear-gradient(135deg, #872868 1%, #C43B97 96%);

 

HEX #872868 zu HEX #C43B97


CSS-Code:

background-image: radial-gradient(circle, #872868 13%, #C43B97 97%);

 

HEX #C43B97 zu HEX #872868


CSS-Code:

background-image: linear-gradient(135deg, #C43B97 0%, #872868 87%);

 

HEX #C43B97 zu HEX #872868


CSS-Code:

background-image: radial-gradient(circle, #C43B97 11%, #872868 87%);

Linear

HEX #872868 zu HEX #855827


CSS-Code:

background-image: linear-gradient(135deg, #872868 8%, #855827 96%);

Radial

HEX #872868 zu HEX #855827


CSS-Code:

background-image: radial-gradient(circle, #872868 1%, #855827 96%);

 

HEX #855827 zu HEX #872868


CSS-Code:

background-image: linear-gradient(135deg, #855827 7%, #872868 91%);

 

HEX #855827 zu HEX #872868


CSS-Code:

background-image: radial-gradient(circle, #855827 7%, #872868 86%);

 

HEX #872868 zu HEX #27857D


CSS-Code:

background-image: linear-gradient(135deg, #872868 8%, #27857D 99%);

 

HEX #872868 zu HEX #27857D


CSS-Code:

background-image: radial-gradient(circle, #872868 7%, #27857D 90%);

 

HEX #27857D zu HEX #872868


CSS-Code:

background-image: linear-gradient(135deg, #27857D 10%, #872868 87%);

 

HEX #27857D zu HEX #872868


CSS-Code:

background-image: radial-gradient(circle, #27857D 6%, #872868 88%);

Linear

HEX #872868 zu HEX #678527


CSS-Code:

background-image: linear-gradient(135deg, #872868 0%, #678527 92%);

Radial

HEX #872868 zu HEX #678527


CSS-Code:

background-image: radial-gradient(circle, #872868 4%, #678527 91%);

 

HEX #678527 zu HEX #872868


CSS-Code:

background-image: linear-gradient(135deg, #678527 12%, #872868 89%);

 

HEX #678527 zu HEX #872868


CSS-Code:

background-image: radial-gradient(circle, #678527 13%, #872868 98%);

 

HEX #872868 zu HEX #276785


CSS-Code:

background-image: linear-gradient(135deg, #872868 5%, #276785 93%);

 

HEX #872868 zu HEX #276785


CSS-Code:

background-image: radial-gradient(circle, #872868 14%, #276785 94%);

 

HEX #276785 zu HEX #872868


CSS-Code:

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

 

HEX #276785 zu HEX #872868


CSS-Code:

background-image: radial-gradient(circle, #276785 8%, #872868 93%);

Linear

HEX #872868 zu HEX #855827


CSS-Code:

background-image: linear-gradient(135deg, #872868 0%, #855827 92%);

Radial

HEX #872868 zu HEX #855827


CSS-Code:

background-image: radial-gradient(circle, #872868 9%, #855827 100%);

 

HEX #855827 zu HEX #872868


CSS-Code:

background-image: linear-gradient(135deg, #855827 11%, #872868 93%);

 

HEX #855827 zu HEX #872868


CSS-Code:

background-image: radial-gradient(circle, #855827 12%, #872868 94%);

 

HEX #872868 zu HEX #278545


CSS-Code:

background-image: linear-gradient(135deg, #872868 13%, #278545 88%);

 

HEX #872868 zu HEX #278545


CSS-Code:

background-image: radial-gradient(circle, #872868 11%, #278545 86%);

 

HEX #278545 zu HEX #872868


CSS-Code:

background-image: linear-gradient(135deg, #278545 6%, #872868 87%);

 

HEX #278545 zu HEX #872868


CSS-Code:

background-image: radial-gradient(circle, #278545 1%, #872868 88%);

 

HEX #872868 zu HEX #275585


CSS-Code:

background-image: linear-gradient(135deg, #872868 8%, #275585 98%);

 

HEX #872868 zu HEX #275585


CSS-Code:

background-image: radial-gradient(circle, #872868 11%, #275585 91%);

 

HEX #275585 zu HEX #872868


CSS-Code:

background-image: linear-gradient(135deg, #275585 0%, #872868 87%);

 

HEX #275585 zu HEX #872868


CSS-Code:

background-image: radial-gradient(circle, #275585 14%, #872868 91%);

Linear

HEX #872868 zu HEX #857427


CSS-Code:

background-image: linear-gradient(135deg, #872868 5%, #857427 91%);

Radial

HEX #872868 zu HEX #857427


CSS-Code:

background-image: radial-gradient(circle, #872868 8%, #857427 97%);

 

HEX #857427 zu HEX #872868


CSS-Code:

background-image: linear-gradient(135deg, #857427 3%, #872868 96%);

 

HEX #857427 zu HEX #872868


CSS-Code:

background-image: radial-gradient(circle, #857427 0%, #872868 86%);

 

HEX #872868 zu HEX #278545


CSS-Code:

background-image: linear-gradient(135deg, #872868 3%, #278545 91%);

 

HEX #872868 zu HEX #278545


CSS-Code:

background-image: radial-gradient(circle, #872868 9%, #278545 94%);

 

HEX #278545 zu HEX #872868


CSS-Code:

background-image: linear-gradient(135deg, #278545 0%, #872868 94%);

 

HEX #278545 zu HEX #872868


CSS-Code:

background-image: radial-gradient(circle, #278545 5%, #872868 95%);

 

HEX #872868 zu HEX #273985


CSS-Code:

background-image: linear-gradient(135deg, #872868 2%, #273985 97%);

 

HEX #872868 zu HEX #273985


CSS-Code:

background-image: radial-gradient(circle, #872868 0%, #273985 90%);

 

HEX #273985 zu HEX #872868


CSS-Code:

background-image: linear-gradient(135deg, #273985 10%, #872868 87%);

 

HEX #273985 zu HEX #872868


CSS-Code:

background-image: radial-gradient(circle, #273985 0%, #872868 93%);

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

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 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 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 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 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 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 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 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)

NCS® in Sherwin Williams®

umrechnen von NCS-Nummer (S0000-X00X) zu Sherwin Williams®-Nummer (SW 0000)

Codes

To be able to save color palettes, you must be logged in.

Sign 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 link you want.

Share

OK, I have copied the links

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

Show color palette
Close

Create a color palette

DownloadDownload in different formats

Remove All

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