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

CSS Gradienten:
#649D56

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 100 Rot, 157 Grün und 86 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.
100 157 86 R G B
Im CMYK-Farbsystem wird die Farbe folgendermaßen zusammengesetzt: In diesem Farbton sind von 100 maximalen Farbanteilen jeweils 36 Cyan, keine Magenta, 45 Gelb und 38 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.
36% 0% 45% 38% C M Y K

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #649D56 zu HEX #9B62A9


CSS-Code:

background-image: linear-gradient(135deg, #649D56 4%, #9B62A9 89%);

Radial

HEX #649D56 zu HEX #9B62A9


CSS-Code:

background-image: radial-gradient(circle, #649D56 5%, #9B62A9 87%);

 

HEX #9B62A9 zu HEX #649D56


CSS-Code:

background-image: linear-gradient(135deg, #9B62A9 12%, #649D56 95%);

 

HEX #9B62A9 zu HEX #649D56


CSS-Code:

background-image: radial-gradient(circle, #9B62A9 4%, #649D56 89%);

Linear

HEX #649D56 zu HEX #789D56


CSS-Code:

background-image: linear-gradient(135deg, #649D56 4%, #789D56 86%);

Radial

HEX #649D56 zu HEX #789D56


CSS-Code:

background-image: radial-gradient(circle, #649D56 3%, #789D56 97%);

 

HEX #789D56 zu HEX #649D56


CSS-Code:

background-image: linear-gradient(135deg, #789D56 0%, #649D56 95%);

 

HEX #789D56 zu HEX #649D56


CSS-Code:

background-image: radial-gradient(circle, #789D56 4%, #649D56 91%);

 

HEX #649D56 zu HEX #659D56


CSS-Code:

background-image: linear-gradient(135deg, #649D56 14%, #659D56 97%);

 

HEX #649D56 zu HEX #659D56


CSS-Code:

background-image: radial-gradient(circle, #649D56 7%, #659D56 87%);

 

HEX #659D56 zu HEX #649D56


CSS-Code:

background-image: linear-gradient(135deg, #659D56 0%, #649D56 94%);

 

HEX #659D56 zu HEX #649D56


CSS-Code:

background-image: radial-gradient(circle, #659D56 0%, #649D56 95%);

 

HEX #649D56 zu HEX #569D5B


CSS-Code:

background-image: linear-gradient(135deg, #649D56 8%, #569D5B 93%);

 

HEX #649D56 zu HEX #569D5B


CSS-Code:

background-image: radial-gradient(circle, #649D56 12%, #569D5B 87%);

 

HEX #569D5B zu HEX #649D56


CSS-Code:

background-image: linear-gradient(135deg, #569D5B 12%, #649D56 95%);

 

HEX #569D5B zu HEX #649D56


CSS-Code:

background-image: radial-gradient(circle, #569D5B 14%, #649D56 88%);

 

HEX #649D56 zu HEX #569D6E


CSS-Code:

background-image: linear-gradient(135deg, #649D56 6%, #569D6E 93%);

 

HEX #649D56 zu HEX #569D6E


CSS-Code:

background-image: radial-gradient(circle, #649D56 4%, #569D6E 97%);

 

HEX #569D6E zu HEX #649D56


CSS-Code:

background-image: linear-gradient(135deg, #569D6E 5%, #649D56 95%);

 

HEX #569D6E zu HEX #649D56


CSS-Code:

background-image: radial-gradient(circle, #569D6E 9%, #649D56 92%);

Linear

HEX #649D56 zu HEX #538348


CSS-Code:

background-image: linear-gradient(135deg, #649D56 0%, #538348 91%);

Radial

HEX #649D56 zu HEX #538348


CSS-Code:

background-image: radial-gradient(circle, #649D56 9%, #538348 88%);

 

HEX #538348 zu HEX #649D56


CSS-Code:

background-image: linear-gradient(135deg, #538348 1%, #649D56 94%);

 

HEX #538348 zu HEX #649D56


CSS-Code:

background-image: radial-gradient(circle, #538348 8%, #649D56 91%);

 

HEX #649D56 zu HEX #7BAF6E


CSS-Code:

background-image: linear-gradient(135deg, #649D56 1%, #7BAF6E 90%);

 

HEX #649D56 zu HEX #7BAF6E


CSS-Code:

background-image: radial-gradient(circle, #649D56 1%, #7BAF6E 100%);

 

HEX #7BAF6E zu HEX #649D56


CSS-Code:

background-image: linear-gradient(135deg, #7BAF6E 9%, #649D56 95%);

 

HEX #7BAF6E zu HEX #649D56


CSS-Code:

background-image: radial-gradient(circle, #7BAF6E 7%, #649D56 100%);

 

HEX #649D56 zu HEX #93BE89


CSS-Code:

background-image: linear-gradient(135deg, #649D56 5%, #93BE89 92%);

 

HEX #649D56 zu HEX #93BE89


CSS-Code:

background-image: radial-gradient(circle, #649D56 6%, #93BE89 91%);

 

HEX #93BE89 zu HEX #649D56


CSS-Code:

background-image: linear-gradient(135deg, #93BE89 2%, #649D56 86%);

 

HEX #93BE89 zu HEX #649D56


CSS-Code:

background-image: radial-gradient(circle, #93BE89 9%, #649D56 100%);

Linear

HEX #649D56 zu HEX #789D56


CSS-Code:

background-image: linear-gradient(135deg, #649D56 1%, #789D56 86%);

Radial

HEX #649D56 zu HEX #789D56


CSS-Code:

background-image: radial-gradient(circle, #649D56 7%, #789D56 98%);

 

HEX #789D56 zu HEX #649D56


CSS-Code:

background-image: linear-gradient(135deg, #789D56 4%, #649D56 97%);

 

HEX #789D56 zu HEX #649D56


CSS-Code:

background-image: radial-gradient(circle, #789D56 3%, #649D56 95%);

 

HEX #649D56 zu HEX #659D56


CSS-Code:

background-image: linear-gradient(135deg, #649D56 5%, #659D56 88%);

 

HEX #649D56 zu HEX #659D56


CSS-Code:

background-image: radial-gradient(circle, #649D56 1%, #659D56 96%);

 

HEX #659D56 zu HEX #649D56


CSS-Code:

background-image: linear-gradient(135deg, #659D56 5%, #649D56 98%);

 

HEX #659D56 zu HEX #649D56


CSS-Code:

background-image: radial-gradient(circle, #659D56 10%, #649D56 86%);

 

HEX #649D56 zu HEX #569D5B


CSS-Code:

background-image: linear-gradient(135deg, #649D56 13%, #569D5B 87%);

 

HEX #649D56 zu HEX #569D5B


CSS-Code:

background-image: radial-gradient(circle, #649D56 9%, #569D5B 90%);

 

HEX #569D5B zu HEX #649D56


CSS-Code:

background-image: linear-gradient(135deg, #569D5B 0%, #649D56 96%);

 

HEX #569D5B zu HEX #649D56


CSS-Code:

background-image: radial-gradient(circle, #569D5B 9%, #649D56 98%);

 

HEX #649D56 zu HEX #569D6E


CSS-Code:

background-image: linear-gradient(135deg, #649D56 12%, #569D6E 98%);

 

HEX #649D56 zu HEX #569D6E


CSS-Code:

background-image: radial-gradient(circle, #649D56 13%, #569D6E 90%);

 

HEX #569D6E zu HEX #649D56


CSS-Code:

background-image: linear-gradient(135deg, #569D6E 11%, #649D56 98%);

 

HEX #569D6E zu HEX #649D56


CSS-Code:

background-image: radial-gradient(circle, #569D6E 5%, #649D56 100%);

Linear

HEX #649D56 zu HEX #538348


CSS-Code:

background-image: linear-gradient(135deg, #649D56 12%, #538348 98%);

Radial

HEX #649D56 zu HEX #538348


CSS-Code:

background-image: radial-gradient(circle, #649D56 13%, #538348 96%);

 

HEX #538348 zu HEX #649D56


CSS-Code:

background-image: linear-gradient(135deg, #538348 8%, #649D56 88%);

 

HEX #538348 zu HEX #649D56


CSS-Code:

background-image: radial-gradient(circle, #538348 12%, #649D56 100%);

 

HEX #649D56 zu HEX #7BAF6E


CSS-Code:

background-image: linear-gradient(135deg, #649D56 4%, #7BAF6E 96%);

 

HEX #649D56 zu HEX #7BAF6E


CSS-Code:

background-image: radial-gradient(circle, #649D56 13%, #7BAF6E 94%);

 

HEX #7BAF6E zu HEX #649D56


CSS-Code:

background-image: linear-gradient(135deg, #7BAF6E 9%, #649D56 97%);

 

HEX #7BAF6E zu HEX #649D56


CSS-Code:

background-image: radial-gradient(circle, #7BAF6E 12%, #649D56 96%);

 

HEX #649D56 zu HEX #93BE89


CSS-Code:

background-image: linear-gradient(135deg, #649D56 13%, #93BE89 96%);

 

HEX #649D56 zu HEX #93BE89


CSS-Code:

background-image: radial-gradient(circle, #649D56 13%, #93BE89 99%);

 

HEX #93BE89 zu HEX #649D56


CSS-Code:

background-image: linear-gradient(135deg, #93BE89 6%, #649D56 98%);

 

HEX #93BE89 zu HEX #649D56


CSS-Code:

background-image: radial-gradient(circle, #93BE89 12%, #649D56 100%);

Linear

HEX #649D56 zu HEX #569D9D


CSS-Code:

background-image: linear-gradient(135deg, #649D56 12%, #569D9D 100%);

Radial

HEX #649D56 zu HEX #569D9D


CSS-Code:

background-image: radial-gradient(circle, #649D56 11%, #569D9D 95%);

 

HEX #569D9D zu HEX #649D56


CSS-Code:

background-image: linear-gradient(135deg, #569D9D 9%, #649D56 92%);

 

HEX #569D9D zu HEX #649D56


CSS-Code:

background-image: radial-gradient(circle, #569D9D 3%, #649D56 100%);

 

HEX #649D56 zu HEX #9D5681


CSS-Code:

background-image: linear-gradient(135deg, #649D56 6%, #9D5681 100%);

 

HEX #649D56 zu HEX #9D5681


CSS-Code:

background-image: radial-gradient(circle, #649D56 2%, #9D5681 93%);

 

HEX #9D5681 zu HEX #649D56


CSS-Code:

background-image: linear-gradient(135deg, #9D5681 0%, #649D56 94%);

 

HEX #9D5681 zu HEX #649D56


CSS-Code:

background-image: radial-gradient(circle, #9D5681 1%, #649D56 98%);

Linear

HEX #649D56 zu HEX #56659D


CSS-Code:

background-image: linear-gradient(135deg, #649D56 5%, #56659D 96%);

Radial

HEX #649D56 zu HEX #56659D


CSS-Code:

background-image: radial-gradient(circle, #649D56 5%, #56659D 91%);

 

HEX #56659D zu HEX #649D56


CSS-Code:

background-image: linear-gradient(135deg, #56659D 13%, #649D56 86%);

 

HEX #56659D zu HEX #649D56


CSS-Code:

background-image: radial-gradient(circle, #56659D 11%, #649D56 95%);

 

HEX #649D56 zu HEX #9D5665


CSS-Code:

background-image: linear-gradient(135deg, #649D56 14%, #9D5665 97%);

 

HEX #649D56 zu HEX #9D5665


CSS-Code:

background-image: radial-gradient(circle, #649D56 14%, #9D5665 92%);

 

HEX #9D5665 zu HEX #649D56


CSS-Code:

background-image: linear-gradient(135deg, #9D5665 1%, #649D56 92%);

 

HEX #9D5665 zu HEX #649D56


CSS-Code:

background-image: radial-gradient(circle, #9D5665 11%, #649D56 94%);

Linear

HEX #649D56 zu HEX #569D9D


CSS-Code:

background-image: linear-gradient(135deg, #649D56 9%, #569D9D 86%);

Radial

HEX #649D56 zu HEX #569D9D


CSS-Code:

background-image: radial-gradient(circle, #649D56 2%, #569D9D 93%);

 

HEX #569D9D zu HEX #649D56


CSS-Code:

background-image: linear-gradient(135deg, #569D9D 4%, #649D56 97%);

 

HEX #569D9D zu HEX #649D56


CSS-Code:

background-image: radial-gradient(circle, #569D9D 5%, #649D56 94%);

 

HEX #649D56 zu HEX #8F569D


CSS-Code:

background-image: linear-gradient(135deg, #649D56 14%, #8F569D 92%);

 

HEX #649D56 zu HEX #8F569D


CSS-Code:

background-image: radial-gradient(circle, #649D56 1%, #8F569D 99%);

 

HEX #8F569D zu HEX #649D56


CSS-Code:

background-image: linear-gradient(135deg, #8F569D 5%, #649D56 97%);

 

HEX #8F569D zu HEX #649D56


CSS-Code:

background-image: radial-gradient(circle, #8F569D 5%, #649D56 91%);

 

HEX #649D56 zu HEX #9D5656


CSS-Code:

background-image: linear-gradient(135deg, #649D56 12%, #9D5656 92%);

 

HEX #649D56 zu HEX #9D5656


CSS-Code:

background-image: radial-gradient(circle, #649D56 6%, #9D5656 96%);

 

HEX #9D5656 zu HEX #649D56


CSS-Code:

background-image: linear-gradient(135deg, #9D5656 13%, #649D56 92%);

 

HEX #9D5656 zu HEX #649D56


CSS-Code:

background-image: radial-gradient(circle, #9D5656 6%, #649D56 92%);

Linear

HEX #649D56 zu HEX #56889D


CSS-Code:

background-image: linear-gradient(135deg, #649D56 1%, #56889D 98%);

Radial

HEX #649D56 zu HEX #56889D


CSS-Code:

background-image: radial-gradient(circle, #649D56 9%, #56889D 86%);

 

HEX #56889D zu HEX #649D56


CSS-Code:

background-image: linear-gradient(135deg, #56889D 13%, #649D56 89%);

 

HEX #56889D zu HEX #649D56


CSS-Code:

background-image: radial-gradient(circle, #56889D 9%, #649D56 91%);

 

HEX #649D56 zu HEX #8F569D


CSS-Code:

background-image: linear-gradient(135deg, #649D56 10%, #8F569D 95%);

 

HEX #649D56 zu HEX #8F569D


CSS-Code:

background-image: radial-gradient(circle, #649D56 8%, #8F569D 97%);

 

HEX #8F569D zu HEX #649D56


CSS-Code:

background-image: linear-gradient(135deg, #8F569D 7%, #649D56 96%);

 

HEX #8F569D zu HEX #649D56


CSS-Code:

background-image: radial-gradient(circle, #8F569D 0%, #649D56 92%);

 

HEX #649D56 zu HEX #9D6C56


CSS-Code:

background-image: linear-gradient(135deg, #649D56 13%, #9D6C56 90%);

 

HEX #649D56 zu HEX #9D6C56


CSS-Code:

background-image: radial-gradient(circle, #649D56 7%, #9D6C56 97%);

 

HEX #9D6C56 zu HEX #649D56


CSS-Code:

background-image: linear-gradient(135deg, #9D6C56 5%, #649D56 97%);

 

HEX #9D6C56 zu HEX #649D56


CSS-Code:

background-image: radial-gradient(circle, #9D6C56 3%, #649D56 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

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.