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

CSS Gradienten:
#293848

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

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #293848 zu HEX #D6C7B7


CSS-Code:

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

Radial

HEX #293848 zu HEX #D6C7B7


CSS-Code:

background-image: radial-gradient(circle, #293848 4%, #D6C7B7 98%);

 

HEX #D6C7B7 zu HEX #293848


CSS-Code:

background-image: linear-gradient(135deg, #D6C7B7 11%, #293848 86%);

 

HEX #D6C7B7 zu HEX #293848


CSS-Code:

background-image: radial-gradient(circle, #D6C7B7 1%, #293848 90%);

Linear

HEX #293848 zu HEX #284047


CSS-Code:

background-image: linear-gradient(135deg, #293848 5%, #284047 100%);

Radial

HEX #293848 zu HEX #284047


CSS-Code:

background-image: radial-gradient(circle, #293848 12%, #284047 88%);

 

HEX #284047 zu HEX #293848


CSS-Code:

background-image: linear-gradient(135deg, #284047 4%, #293848 91%);

 

HEX #284047 zu HEX #293848


CSS-Code:

background-image: radial-gradient(circle, #284047 6%, #293848 94%);

 

HEX #293848 zu HEX #283847


CSS-Code:

background-image: linear-gradient(135deg, #293848 10%, #283847 94%);

 

HEX #293848 zu HEX #283847


CSS-Code:

background-image: radial-gradient(circle, #293848 7%, #283847 92%);

 

HEX #283847 zu HEX #293848


CSS-Code:

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

 

HEX #283847 zu HEX #293848


CSS-Code:

background-image: radial-gradient(circle, #283847 6%, #293848 92%);

 

HEX #293848 zu HEX #283047


CSS-Code:

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

 

HEX #293848 zu HEX #283047


CSS-Code:

background-image: radial-gradient(circle, #293848 9%, #283047 94%);

 

HEX #283047 zu HEX #293848


CSS-Code:

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

 

HEX #283047 zu HEX #293848


CSS-Code:

background-image: radial-gradient(circle, #283047 13%, #293848 96%);

 

HEX #293848 zu HEX #292847


CSS-Code:

background-image: linear-gradient(135deg, #293848 9%, #292847 98%);

 

HEX #293848 zu HEX #292847


CSS-Code:

background-image: radial-gradient(circle, #293848 13%, #292847 91%);

 

HEX #292847 zu HEX #293848


CSS-Code:

background-image: linear-gradient(135deg, #292847 9%, #293848 92%);

 

HEX #292847 zu HEX #293848


CSS-Code:

background-image: radial-gradient(circle, #292847 12%, #293848 88%);

Linear

HEX #293848 zu HEX #19232D


CSS-Code:

background-image: linear-gradient(135deg, #293848 4%, #19232D 96%);

Radial

HEX #293848 zu HEX #19232D


CSS-Code:

background-image: radial-gradient(circle, #293848 0%, #19232D 90%);

 

HEX #19232D zu HEX #293848


CSS-Code:

background-image: linear-gradient(135deg, #19232D 6%, #293848 99%);

 

HEX #19232D zu HEX #293848


CSS-Code:

background-image: radial-gradient(circle, #19232D 12%, #293848 92%);

 

HEX #293848 zu HEX #283747


CSS-Code:

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

 

HEX #293848 zu HEX #283747


CSS-Code:

background-image: radial-gradient(circle, #293848 12%, #283747 89%);

 

HEX #283747 zu HEX #293848


CSS-Code:

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

 

HEX #283747 zu HEX #293848


CSS-Code:

background-image: radial-gradient(circle, #283747 9%, #293848 97%);

 

HEX #293848 zu HEX #384C61


CSS-Code:

background-image: linear-gradient(135deg, #293848 12%, #384C61 94%);

 

HEX #293848 zu HEX #384C61


CSS-Code:

background-image: radial-gradient(circle, #293848 2%, #384C61 97%);

 

HEX #384C61 zu HEX #293848


CSS-Code:

background-image: linear-gradient(135deg, #384C61 7%, #293848 90%);

 

HEX #384C61 zu HEX #293848


CSS-Code:

background-image: radial-gradient(circle, #384C61 1%, #293848 90%);

 

HEX #293848 zu HEX #47607B


CSS-Code:

background-image: linear-gradient(135deg, #293848 8%, #47607B 89%);

 

HEX #293848 zu HEX #47607B


CSS-Code:

background-image: radial-gradient(circle, #293848 0%, #47607B 86%);

 

HEX #47607B zu HEX #293848


CSS-Code:

background-image: linear-gradient(135deg, #47607B 0%, #293848 95%);

 

HEX #47607B zu HEX #293848


CSS-Code:

background-image: radial-gradient(circle, #47607B 2%, #293848 92%);

Linear

HEX #293848 zu HEX #284047


CSS-Code:

background-image: linear-gradient(135deg, #293848 12%, #284047 99%);

Radial

HEX #293848 zu HEX #284047


CSS-Code:

background-image: radial-gradient(circle, #293848 0%, #284047 90%);

 

HEX #284047 zu HEX #293848


CSS-Code:

background-image: linear-gradient(135deg, #284047 1%, #293848 89%);

 

HEX #284047 zu HEX #293848


CSS-Code:

background-image: radial-gradient(circle, #284047 3%, #293848 97%);

 

HEX #293848 zu HEX #283847


CSS-Code:

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

 

HEX #293848 zu HEX #283847


CSS-Code:

background-image: radial-gradient(circle, #293848 7%, #283847 98%);

 

HEX #283847 zu HEX #293848


CSS-Code:

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

 

HEX #283847 zu HEX #293848


CSS-Code:

background-image: radial-gradient(circle, #283847 3%, #293848 87%);

 

HEX #293848 zu HEX #283047


CSS-Code:

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

 

HEX #293848 zu HEX #283047


CSS-Code:

background-image: radial-gradient(circle, #293848 5%, #283047 98%);

 

HEX #283047 zu HEX #293848


CSS-Code:

background-image: linear-gradient(135deg, #283047 3%, #293848 100%);

 

HEX #283047 zu HEX #293848


CSS-Code:

background-image: radial-gradient(circle, #283047 10%, #293848 86%);

 

HEX #293848 zu HEX #292847


CSS-Code:

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

 

HEX #293848 zu HEX #292847


CSS-Code:

background-image: radial-gradient(circle, #293848 13%, #292847 95%);

 

HEX #292847 zu HEX #293848


CSS-Code:

background-image: linear-gradient(135deg, #292847 10%, #293848 90%);

 

HEX #292847 zu HEX #293848


CSS-Code:

background-image: radial-gradient(circle, #292847 8%, #293848 97%);

Linear

HEX #293848 zu HEX #19232D


CSS-Code:

background-image: linear-gradient(135deg, #293848 3%, #19232D 86%);

Radial

HEX #293848 zu HEX #19232D


CSS-Code:

background-image: radial-gradient(circle, #293848 12%, #19232D 98%);

 

HEX #19232D zu HEX #293848


CSS-Code:

background-image: linear-gradient(135deg, #19232D 9%, #293848 91%);

 

HEX #19232D zu HEX #293848


CSS-Code:

background-image: radial-gradient(circle, #19232D 3%, #293848 88%);

 

HEX #293848 zu HEX #283747


CSS-Code:

background-image: linear-gradient(135deg, #293848 11%, #283747 86%);

 

HEX #293848 zu HEX #283747


CSS-Code:

background-image: radial-gradient(circle, #293848 11%, #283747 99%);

 

HEX #283747 zu HEX #293848


CSS-Code:

background-image: linear-gradient(135deg, #283747 1%, #293848 90%);

 

HEX #283747 zu HEX #293848


CSS-Code:

background-image: radial-gradient(circle, #283747 13%, #293848 93%);

 

HEX #293848 zu HEX #384C61


CSS-Code:

background-image: linear-gradient(135deg, #293848 11%, #384C61 86%);

 

HEX #293848 zu HEX #384C61


CSS-Code:

background-image: radial-gradient(circle, #293848 6%, #384C61 99%);

 

HEX #384C61 zu HEX #293848


CSS-Code:

background-image: linear-gradient(135deg, #384C61 3%, #293848 96%);

 

HEX #384C61 zu HEX #293848


CSS-Code:

background-image: radial-gradient(circle, #384C61 1%, #293848 88%);

 

HEX #293848 zu HEX #47607B


CSS-Code:

background-image: linear-gradient(135deg, #293848 4%, #47607B 96%);

 

HEX #293848 zu HEX #47607B


CSS-Code:

background-image: radial-gradient(circle, #293848 0%, #47607B 91%);

 

HEX #47607B zu HEX #293848


CSS-Code:

background-image: linear-gradient(135deg, #47607B 3%, #293848 87%);

 

HEX #47607B zu HEX #293848


CSS-Code:

background-image: radial-gradient(circle, #47607B 9%, #293848 90%);

Linear

HEX #293848 zu HEX #3E2847


CSS-Code:

background-image: linear-gradient(135deg, #293848 8%, #3E2847 93%);

Radial

HEX #293848 zu HEX #3E2847


CSS-Code:

background-image: radial-gradient(circle, #293848 9%, #3E2847 87%);

 

HEX #3E2847 zu HEX #293848


CSS-Code:

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

 

HEX #3E2847 zu HEX #293848


CSS-Code:

background-image: radial-gradient(circle, #3E2847 0%, #293848 86%);

 

HEX #293848 zu HEX #444728


CSS-Code:

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

 

HEX #293848 zu HEX #444728


CSS-Code:

background-image: radial-gradient(circle, #293848 8%, #444728 94%);

 

HEX #444728 zu HEX #293848


CSS-Code:

background-image: linear-gradient(135deg, #444728 9%, #293848 93%);

 

HEX #444728 zu HEX #293848


CSS-Code:

background-image: radial-gradient(circle, #444728 3%, #293848 96%);

Linear

HEX #293848 zu HEX #472838


CSS-Code:

background-image: linear-gradient(135deg, #293848 14%, #472838 92%);

Radial

HEX #293848 zu HEX #472838


CSS-Code:

background-image: radial-gradient(circle, #293848 7%, #472838 95%);

 

HEX #472838 zu HEX #293848


CSS-Code:

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

 

HEX #472838 zu HEX #293848


CSS-Code:

background-image: radial-gradient(circle, #472838 13%, #293848 100%);

 

HEX #293848 zu HEX #384728


CSS-Code:

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

 

HEX #293848 zu HEX #384728


CSS-Code:

background-image: radial-gradient(circle, #293848 6%, #384728 99%);

 

HEX #384728 zu HEX #293848


CSS-Code:

background-image: linear-gradient(135deg, #384728 7%, #293848 94%);

 

HEX #384728 zu HEX #293848


CSS-Code:

background-image: radial-gradient(circle, #384728 0%, #293848 90%);

Linear

HEX #293848 zu HEX #3E2847


CSS-Code:

background-image: linear-gradient(135deg, #293848 4%, #3E2847 96%);

Radial

HEX #293848 zu HEX #3E2847


CSS-Code:

background-image: radial-gradient(circle, #293848 10%, #3E2847 96%);

 

HEX #3E2847 zu HEX #293848


CSS-Code:

background-image: linear-gradient(135deg, #3E2847 8%, #293848 100%);

 

HEX #3E2847 zu HEX #293848


CSS-Code:

background-image: radial-gradient(circle, #3E2847 11%, #293848 98%);

 

HEX #293848 zu HEX #473828


CSS-Code:

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

 

HEX #293848 zu HEX #473828


CSS-Code:

background-image: radial-gradient(circle, #293848 3%, #473828 90%);

 

HEX #473828 zu HEX #293848


CSS-Code:

background-image: linear-gradient(135deg, #473828 5%, #293848 86%);

 

HEX #473828 zu HEX #293848


CSS-Code:

background-image: radial-gradient(circle, #473828 0%, #293848 100%);

 

HEX #293848 zu HEX #324728


CSS-Code:

background-image: linear-gradient(135deg, #293848 12%, #324728 97%);

 

HEX #293848 zu HEX #324728


CSS-Code:

background-image: radial-gradient(circle, #293848 9%, #324728 96%);

 

HEX #324728 zu HEX #293848


CSS-Code:

background-image: linear-gradient(135deg, #324728 5%, #293848 86%);

 

HEX #324728 zu HEX #293848


CSS-Code:

background-image: radial-gradient(circle, #324728 9%, #293848 87%);

Linear

HEX #293848 zu HEX #472847


CSS-Code:

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

Radial

HEX #293848 zu HEX #472847


CSS-Code:

background-image: radial-gradient(circle, #293848 3%, #472847 98%);

 

HEX #472847 zu HEX #293848


CSS-Code:

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

 

HEX #472847 zu HEX #293848


CSS-Code:

background-image: radial-gradient(circle, #472847 8%, #293848 92%);

 

HEX #293848 zu HEX #473828


CSS-Code:

background-image: linear-gradient(135deg, #293848 6%, #473828 95%);

 

HEX #293848 zu HEX #473828


CSS-Code:

background-image: radial-gradient(circle, #293848 9%, #473828 88%);

 

HEX #473828 zu HEX #293848


CSS-Code:

background-image: linear-gradient(135deg, #473828 0%, #293848 98%);

 

HEX #473828 zu HEX #293848


CSS-Code:

background-image: radial-gradient(circle, #473828 3%, #293848 98%);

 

HEX #293848 zu HEX #284728


CSS-Code:

background-image: linear-gradient(135deg, #293848 5%, #284728 100%);

 

HEX #293848 zu HEX #284728


CSS-Code:

background-image: radial-gradient(circle, #293848 0%, #284728 95%);

 

HEX #284728 zu HEX #293848


CSS-Code:

background-image: linear-gradient(135deg, #284728 8%, #293848 88%);

 

HEX #284728 zu HEX #293848


CSS-Code:

background-image: radial-gradient(circle, #284728 12%, #293848 87%);

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.