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

CSS Gradienten:
RGB 152 20 83

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

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #981453 zu HEX #67EBAC


CSS-Code:

background-image: linear-gradient(135deg, #981453 13%, #67EBAC 87%);

Radial

HEX #981453 zu HEX #67EBAC


CSS-Code:

background-image: radial-gradient(circle, #981453 10%, #67EBAC 89%);

 

HEX #67EBAC zu HEX #981453


CSS-Code:

background-image: linear-gradient(135deg, #67EBAC 6%, #981453 93%);

 

HEX #67EBAC zu HEX #981453


CSS-Code:

background-image: radial-gradient(circle, #67EBAC 12%, #981453 89%);

Linear

HEX #981453 zu HEX #991378


CSS-Code:

background-image: linear-gradient(135deg, #981453 9%, #991378 99%);

Radial

HEX #981453 zu HEX #991378


CSS-Code:

background-image: radial-gradient(circle, #981453 6%, #991378 94%);

 

HEX #991378 zu HEX #981453


CSS-Code:

background-image: linear-gradient(135deg, #991378 1%, #981453 93%);

 

HEX #991378 zu HEX #981453


CSS-Code:

background-image: radial-gradient(circle, #991378 2%, #981453 96%);

 

HEX #981453 zu HEX #991354


CSS-Code:

background-image: linear-gradient(135deg, #981453 13%, #991354 98%);

 

HEX #981453 zu HEX #991354


CSS-Code:

background-image: radial-gradient(circle, #981453 7%, #991354 90%);

 

HEX #991354 zu HEX #981453


CSS-Code:

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

 

HEX #991354 zu HEX #981453


CSS-Code:

background-image: radial-gradient(circle, #991354 10%, #981453 94%);

 

HEX #981453 zu HEX #991330


CSS-Code:

background-image: linear-gradient(135deg, #981453 14%, #991330 86%);

 

HEX #981453 zu HEX #991330


CSS-Code:

background-image: radial-gradient(circle, #981453 2%, #991330 98%);

 

HEX #991330 zu HEX #981453


CSS-Code:

background-image: linear-gradient(135deg, #991330 7%, #981453 98%);

 

HEX #991330 zu HEX #981453


CSS-Code:

background-image: radial-gradient(circle, #991330 4%, #981453 86%);

 

HEX #981453 zu HEX #991A13


CSS-Code:

background-image: linear-gradient(135deg, #981453 13%, #991A13 94%);

 

HEX #981453 zu HEX #991A13


CSS-Code:

background-image: radial-gradient(circle, #981453 3%, #991A13 95%);

 

HEX #991A13 zu HEX #981453


CSS-Code:

background-image: linear-gradient(135deg, #991A13 14%, #981453 87%);

 

HEX #991A13 zu HEX #981453


CSS-Code:

background-image: radial-gradient(circle, #991A13 9%, #981453 100%);

Linear

HEX #981453 zu HEX #740F3F


CSS-Code:

background-image: linear-gradient(135deg, #981453 10%, #740F3F 89%);

Radial

HEX #981453 zu HEX #740F3F


CSS-Code:

background-image: radial-gradient(circle, #981453 4%, #740F3F 87%);

 

HEX #740F3F zu HEX #981453


CSS-Code:

background-image: linear-gradient(135deg, #740F3F 0%, #981453 98%);

 

HEX #740F3F zu HEX #981453


CSS-Code:

background-image: radial-gradient(circle, #740F3F 4%, #981453 99%);

 

HEX #981453 zu HEX #991353


CSS-Code:

background-image: linear-gradient(135deg, #981453 11%, #991353 94%);

 

HEX #981453 zu HEX #991353


CSS-Code:

background-image: radial-gradient(circle, #981453 7%, #991353 92%);

 

HEX #991353 zu HEX #981453


CSS-Code:

background-image: linear-gradient(135deg, #991353 9%, #981453 91%);

 

HEX #991353 zu HEX #981453


CSS-Code:

background-image: radial-gradient(circle, #991353 12%, #981453 88%);

 

HEX #981453 zu HEX #BD1867


CSS-Code:

background-image: linear-gradient(135deg, #981453 0%, #BD1867 91%);

 

HEX #981453 zu HEX #BD1867


CSS-Code:

background-image: radial-gradient(circle, #981453 13%, #BD1867 88%);

 

HEX #BD1867 zu HEX #981453


CSS-Code:

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

 

HEX #BD1867 zu HEX #981453


CSS-Code:

background-image: radial-gradient(circle, #BD1867 1%, #981453 100%);

 

HEX #981453 zu HEX #E11E7B


CSS-Code:

background-image: linear-gradient(135deg, #981453 4%, #E11E7B 88%);

 

HEX #981453 zu HEX #E11E7B


CSS-Code:

background-image: radial-gradient(circle, #981453 1%, #E11E7B 98%);

 

HEX #E11E7B zu HEX #981453


CSS-Code:

background-image: linear-gradient(135deg, #E11E7B 13%, #981453 95%);

 

HEX #E11E7B zu HEX #981453


CSS-Code:

background-image: radial-gradient(circle, #E11E7B 10%, #981453 92%);

Linear

HEX #981453 zu HEX #991378


CSS-Code:

background-image: linear-gradient(135deg, #981453 8%, #991378 97%);

Radial

HEX #981453 zu HEX #991378


CSS-Code:

background-image: radial-gradient(circle, #981453 13%, #991378 99%);

 

HEX #991378 zu HEX #981453


CSS-Code:

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

 

HEX #991378 zu HEX #981453


CSS-Code:

background-image: radial-gradient(circle, #991378 8%, #981453 100%);

 

HEX #981453 zu HEX #991354


CSS-Code:

background-image: linear-gradient(135deg, #981453 9%, #991354 88%);

 

HEX #981453 zu HEX #991354


CSS-Code:

background-image: radial-gradient(circle, #981453 10%, #991354 95%);

 

HEX #991354 zu HEX #981453


CSS-Code:

background-image: linear-gradient(135deg, #991354 2%, #981453 89%);

 

HEX #991354 zu HEX #981453


CSS-Code:

background-image: radial-gradient(circle, #991354 14%, #981453 89%);

 

HEX #981453 zu HEX #991330


CSS-Code:

background-image: linear-gradient(135deg, #981453 4%, #991330 87%);

 

HEX #981453 zu HEX #991330


CSS-Code:

background-image: radial-gradient(circle, #981453 10%, #991330 99%);

 

HEX #991330 zu HEX #981453


CSS-Code:

background-image: linear-gradient(135deg, #991330 9%, #981453 96%);

 

HEX #991330 zu HEX #981453


CSS-Code:

background-image: radial-gradient(circle, #991330 4%, #981453 89%);

 

HEX #981453 zu HEX #991A13


CSS-Code:

background-image: linear-gradient(135deg, #981453 0%, #991A13 93%);

 

HEX #981453 zu HEX #991A13


CSS-Code:

background-image: radial-gradient(circle, #981453 6%, #991A13 91%);

 

HEX #991A13 zu HEX #981453


CSS-Code:

background-image: linear-gradient(135deg, #991A13 14%, #981453 87%);

 

HEX #991A13 zu HEX #981453


CSS-Code:

background-image: radial-gradient(circle, #991A13 9%, #981453 98%);

Linear

HEX #981453 zu HEX #740F3F


CSS-Code:

background-image: linear-gradient(135deg, #981453 9%, #740F3F 99%);

Radial

HEX #981453 zu HEX #740F3F


CSS-Code:

background-image: radial-gradient(circle, #981453 5%, #740F3F 88%);

 

HEX #740F3F zu HEX #981453


CSS-Code:

background-image: linear-gradient(135deg, #740F3F 10%, #981453 93%);

 

HEX #740F3F zu HEX #981453


CSS-Code:

background-image: radial-gradient(circle, #740F3F 5%, #981453 93%);

 

HEX #981453 zu HEX #991353


CSS-Code:

background-image: linear-gradient(135deg, #981453 14%, #991353 90%);

 

HEX #981453 zu HEX #991353


CSS-Code:

background-image: radial-gradient(circle, #981453 9%, #991353 96%);

 

HEX #991353 zu HEX #981453


CSS-Code:

background-image: linear-gradient(135deg, #991353 14%, #981453 98%);

 

HEX #991353 zu HEX #981453


CSS-Code:

background-image: radial-gradient(circle, #991353 14%, #981453 91%);

 

HEX #981453 zu HEX #BD1867


CSS-Code:

background-image: linear-gradient(135deg, #981453 6%, #BD1867 96%);

 

HEX #981453 zu HEX #BD1867


CSS-Code:

background-image: radial-gradient(circle, #981453 5%, #BD1867 96%);

 

HEX #BD1867 zu HEX #981453


CSS-Code:

background-image: linear-gradient(135deg, #BD1867 1%, #981453 93%);

 

HEX #BD1867 zu HEX #981453


CSS-Code:

background-image: radial-gradient(circle, #BD1867 8%, #981453 91%);

 

HEX #981453 zu HEX #E11E7B


CSS-Code:

background-image: linear-gradient(135deg, #981453 1%, #E11E7B 86%);

 

HEX #981453 zu HEX #E11E7B


CSS-Code:

background-image: radial-gradient(circle, #981453 5%, #E11E7B 86%);

 

HEX #E11E7B zu HEX #981453


CSS-Code:

background-image: linear-gradient(135deg, #E11E7B 1%, #981453 92%);

 

HEX #E11E7B zu HEX #981453


CSS-Code:

background-image: radial-gradient(circle, #E11E7B 3%, #981453 98%);

Linear

HEX #981453 zu HEX #997313


CSS-Code:

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

Radial

HEX #981453 zu HEX #997313


CSS-Code:

background-image: radial-gradient(circle, #981453 9%, #997313 95%);

 

HEX #997313 zu HEX #981453


CSS-Code:

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

 

HEX #997313 zu HEX #981453


CSS-Code:

background-image: radial-gradient(circle, #997313 8%, #981453 88%);

 

HEX #981453 zu HEX #138999


CSS-Code:

background-image: linear-gradient(135deg, #981453 5%, #138999 97%);

 

HEX #981453 zu HEX #138999


CSS-Code:

background-image: radial-gradient(circle, #981453 3%, #138999 96%);

 

HEX #138999 zu HEX #981453


CSS-Code:

background-image: linear-gradient(135deg, #138999 8%, #981453 94%);

 

HEX #138999 zu HEX #981453


CSS-Code:

background-image: radial-gradient(circle, #138999 3%, #981453 100%);

Linear

HEX #981453 zu HEX #549913


CSS-Code:

background-image: linear-gradient(135deg, #981453 10%, #549913 96%);

Radial

HEX #981453 zu HEX #549913


CSS-Code:

background-image: radial-gradient(circle, #981453 0%, #549913 95%);

 

HEX #549913 zu HEX #981453


CSS-Code:

background-image: linear-gradient(135deg, #549913 11%, #981453 87%);

 

HEX #549913 zu HEX #981453


CSS-Code:

background-image: radial-gradient(circle, #549913 0%, #981453 87%);

 

HEX #981453 zu HEX #135499


CSS-Code:

background-image: linear-gradient(135deg, #981453 12%, #135499 94%);

 

HEX #981453 zu HEX #135499


CSS-Code:

background-image: radial-gradient(circle, #981453 6%, #135499 93%);

 

HEX #135499 zu HEX #981453


CSS-Code:

background-image: linear-gradient(135deg, #135499 8%, #981453 95%);

 

HEX #135499 zu HEX #981453


CSS-Code:

background-image: radial-gradient(circle, #135499 8%, #981453 97%);

Linear

HEX #981453 zu HEX #997313


CSS-Code:

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

Radial

HEX #981453 zu HEX #997313


CSS-Code:

background-image: radial-gradient(circle, #981453 10%, #997313 95%);

 

HEX #997313 zu HEX #981453


CSS-Code:

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

 

HEX #997313 zu HEX #981453


CSS-Code:

background-image: radial-gradient(circle, #997313 7%, #981453 89%);

 

HEX #981453 zu HEX #139958


CSS-Code:

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

 

HEX #981453 zu HEX #139958


CSS-Code:

background-image: radial-gradient(circle, #981453 0%, #139958 86%);

 

HEX #139958 zu HEX #981453


CSS-Code:

background-image: linear-gradient(135deg, #139958 13%, #981453 95%);

 

HEX #139958 zu HEX #981453


CSS-Code:

background-image: radial-gradient(circle, #139958 9%, #981453 96%);

 

HEX #981453 zu HEX #133999


CSS-Code:

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

 

HEX #981453 zu HEX #133999


CSS-Code:

background-image: radial-gradient(circle, #981453 0%, #133999 93%);

 

HEX #133999 zu HEX #981453


CSS-Code:

background-image: linear-gradient(135deg, #133999 3%, #981453 94%);

 

HEX #133999 zu HEX #981453


CSS-Code:

background-image: radial-gradient(circle, #133999 7%, #981453 92%);

Linear

HEX #981453 zu HEX #979913


CSS-Code:

background-image: linear-gradient(135deg, #981453 7%, #979913 92%);

Radial

HEX #981453 zu HEX #979913


CSS-Code:

background-image: radial-gradient(circle, #981453 12%, #979913 87%);

 

HEX #979913 zu HEX #981453


CSS-Code:

background-image: linear-gradient(135deg, #979913 4%, #981453 90%);

 

HEX #979913 zu HEX #981453


CSS-Code:

background-image: radial-gradient(circle, #979913 2%, #981453 96%);

 

HEX #981453 zu HEX #139958


CSS-Code:

background-image: linear-gradient(135deg, #981453 5%, #139958 95%);

 

HEX #981453 zu HEX #139958


CSS-Code:

background-image: radial-gradient(circle, #981453 6%, #139958 96%);

 

HEX #139958 zu HEX #981453


CSS-Code:

background-image: linear-gradient(135deg, #139958 1%, #981453 88%);

 

HEX #139958 zu HEX #981453


CSS-Code:

background-image: radial-gradient(circle, #139958 4%, #981453 90%);

 

HEX #981453 zu HEX #161399


CSS-Code:

background-image: linear-gradient(135deg, #981453 13%, #161399 91%);

 

HEX #981453 zu HEX #161399


CSS-Code:

background-image: radial-gradient(circle, #981453 0%, #161399 88%);

 

HEX #161399 zu HEX #981453


CSS-Code:

background-image: linear-gradient(135deg, #161399 3%, #981453 87%);

 

HEX #161399 zu HEX #981453


CSS-Code:

background-image: radial-gradient(circle, #161399 2%, #981453 92%);

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.