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

✕

CSS Gradienten:
#A8AF31

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 hoch sind, erscheint uns dieser Farbton heller.

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

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #A8AF31 zu HEX #5750CE


CSS-Code:

background-image: linear-gradient(135deg, #A8AF31 3%, #5750CE 92%);

Radial

HEX #A8AF31 zu HEX #5750CE


CSS-Code:

background-image: radial-gradient(circle, #A8AF31 5%, #5750CE 92%);

 

HEX #5750CE zu HEX #A8AF31


CSS-Code:

background-image: linear-gradient(135deg, #5750CE 4%, #A8AF31 92%);

 

HEX #5750CE zu HEX #A8AF31


CSS-Code:

background-image: radial-gradient(circle, #5750CE 10%, #A8AF31 86%);

Linear

HEX #A8AF31 zu HEX #AF9331


CSS-Code:

background-image: linear-gradient(135deg, #A8AF31 12%, #AF9331 88%);

Radial

HEX #A8AF31 zu HEX #AF9331


CSS-Code:

background-image: radial-gradient(circle, #A8AF31 10%, #AF9331 91%);

 

HEX #AF9331 zu HEX #A8AF31


CSS-Code:

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

 

HEX #AF9331 zu HEX #A8AF31


CSS-Code:

background-image: radial-gradient(circle, #AF9331 14%, #A8AF31 92%);

 

HEX #A8AF31 zu HEX #87AF31


CSS-Code:

background-image: linear-gradient(135deg, #A8AF31 11%, #87AF31 91%);

 

HEX #A8AF31 zu HEX #87AF31


CSS-Code:

background-image: radial-gradient(circle, #A8AF31 7%, #87AF31 86%);

 

HEX #87AF31 zu HEX #A8AF31


CSS-Code:

background-image: linear-gradient(135deg, #87AF31 4%, #A8AF31 91%);

 

HEX #87AF31 zu HEX #A8AF31


CSS-Code:

background-image: radial-gradient(circle, #87AF31 9%, #A8AF31 95%);

 

HEX #A8AF31 zu HEX #65AF31


CSS-Code:

background-image: linear-gradient(135deg, #A8AF31 0%, #65AF31 98%);

 

HEX #A8AF31 zu HEX #65AF31


CSS-Code:

background-image: radial-gradient(circle, #A8AF31 1%, #65AF31 97%);

 

HEX #65AF31 zu HEX #A8AF31


CSS-Code:

background-image: linear-gradient(135deg, #65AF31 6%, #A8AF31 95%);

 

HEX #65AF31 zu HEX #A8AF31


CSS-Code:

background-image: radial-gradient(circle, #65AF31 1%, #A8AF31 90%);

Linear

HEX #A8AF31 zu HEX #898E28


CSS-Code:

background-image: linear-gradient(135deg, #A8AF31 2%, #898E28 100%);

Radial

HEX #A8AF31 zu HEX #898E28


CSS-Code:

background-image: radial-gradient(circle, #A8AF31 4%, #898E28 90%);

 

HEX #898E28 zu HEX #A8AF31


CSS-Code:

background-image: linear-gradient(135deg, #898E28 13%, #A8AF31 95%);

 

HEX #898E28 zu HEX #A8AF31


CSS-Code:

background-image: radial-gradient(circle, #898E28 1%, #A8AF31 89%);

 

HEX #A8AF31 zu HEX #C1C940


CSS-Code:

background-image: linear-gradient(135deg, #A8AF31 14%, #C1C940 97%);

 

HEX #A8AF31 zu HEX #C1C940


CSS-Code:

background-image: radial-gradient(circle, #A8AF31 2%, #C1C940 99%);

 

HEX #C1C940 zu HEX #A8AF31


CSS-Code:

background-image: linear-gradient(135deg, #C1C940 5%, #A8AF31 87%);

 

HEX #C1C940 zu HEX #A8AF31


CSS-Code:

background-image: radial-gradient(circle, #C1C940 14%, #A8AF31 88%);

 

HEX #A8AF31 zu HEX #CCD260


CSS-Code:

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

 

HEX #A8AF31 zu HEX #CCD260


CSS-Code:

background-image: radial-gradient(circle, #A8AF31 1%, #CCD260 89%);

 

HEX #CCD260 zu HEX #A8AF31


CSS-Code:

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

 

HEX #CCD260 zu HEX #A8AF31


CSS-Code:

background-image: radial-gradient(circle, #CCD260 2%, #A8AF31 86%);

Linear

HEX #A8AF31 zu HEX #AF9331


CSS-Code:

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

Radial

HEX #A8AF31 zu HEX #AF9331


CSS-Code:

background-image: radial-gradient(circle, #A8AF31 1%, #AF9331 100%);

 

HEX #AF9331 zu HEX #A8AF31


CSS-Code:

background-image: linear-gradient(135deg, #AF9331 0%, #A8AF31 89%);

 

HEX #AF9331 zu HEX #A8AF31


CSS-Code:

background-image: radial-gradient(circle, #AF9331 14%, #A8AF31 86%);

 

HEX #A8AF31 zu HEX #87AF31


CSS-Code:

background-image: linear-gradient(135deg, #A8AF31 9%, #87AF31 94%);

 

HEX #A8AF31 zu HEX #87AF31


CSS-Code:

background-image: radial-gradient(circle, #A8AF31 3%, #87AF31 90%);

 

HEX #87AF31 zu HEX #A8AF31


CSS-Code:

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

 

HEX #87AF31 zu HEX #A8AF31


CSS-Code:

background-image: radial-gradient(circle, #87AF31 13%, #A8AF31 100%);

 

HEX #A8AF31 zu HEX #65AF31


CSS-Code:

background-image: linear-gradient(135deg, #A8AF31 5%, #65AF31 91%);

 

HEX #A8AF31 zu HEX #65AF31


CSS-Code:

background-image: radial-gradient(circle, #A8AF31 12%, #65AF31 99%);

 

HEX #65AF31 zu HEX #A8AF31


CSS-Code:

background-image: linear-gradient(135deg, #65AF31 9%, #A8AF31 98%);

 

HEX #65AF31 zu HEX #A8AF31


CSS-Code:

background-image: radial-gradient(circle, #65AF31 9%, #A8AF31 90%);

Linear

HEX #A8AF31 zu HEX #898E28


CSS-Code:

background-image: linear-gradient(135deg, #A8AF31 14%, #898E28 96%);

Radial

HEX #A8AF31 zu HEX #898E28


CSS-Code:

background-image: radial-gradient(circle, #A8AF31 10%, #898E28 89%);

 

HEX #898E28 zu HEX #A8AF31


CSS-Code:

background-image: linear-gradient(135deg, #898E28 3%, #A8AF31 90%);

 

HEX #898E28 zu HEX #A8AF31


CSS-Code:

background-image: radial-gradient(circle, #898E28 2%, #A8AF31 89%);

 

HEX #A8AF31 zu HEX #C1C940


CSS-Code:

background-image: linear-gradient(135deg, #A8AF31 6%, #C1C940 99%);

 

HEX #A8AF31 zu HEX #C1C940


CSS-Code:

background-image: radial-gradient(circle, #A8AF31 13%, #C1C940 90%);

 

HEX #C1C940 zu HEX #A8AF31


CSS-Code:

background-image: linear-gradient(135deg, #C1C940 2%, #A8AF31 88%);

 

HEX #C1C940 zu HEX #A8AF31


CSS-Code:

background-image: radial-gradient(circle, #C1C940 8%, #A8AF31 90%);

 

HEX #A8AF31 zu HEX #CCD260


CSS-Code:

background-image: linear-gradient(135deg, #A8AF31 5%, #CCD260 92%);

 

HEX #A8AF31 zu HEX #CCD260


CSS-Code:

background-image: radial-gradient(circle, #A8AF31 6%, #CCD260 91%);

 

HEX #CCD260 zu HEX #A8AF31


CSS-Code:

background-image: linear-gradient(135deg, #CCD260 8%, #A8AF31 89%);

 

HEX #CCD260 zu HEX #A8AF31


CSS-Code:

background-image: radial-gradient(circle, #CCD260 3%, #A8AF31 100%);

Linear

HEX #A8AF31 zu HEX #31AF50


CSS-Code:

background-image: linear-gradient(135deg, #A8AF31 11%, #31AF50 89%);

Radial

HEX #A8AF31 zu HEX #31AF50


CSS-Code:

background-image: radial-gradient(circle, #A8AF31 6%, #31AF50 97%);

 

HEX #31AF50 zu HEX #A8AF31


CSS-Code:

background-image: linear-gradient(135deg, #31AF50 1%, #A8AF31 93%);

 

HEX #31AF50 zu HEX #A8AF31


CSS-Code:

background-image: radial-gradient(circle, #31AF50 13%, #A8AF31 95%);

 

HEX #A8AF31 zu HEX #8331AF


CSS-Code:

background-image: linear-gradient(135deg, #A8AF31 0%, #8331AF 97%);

 

HEX #A8AF31 zu HEX #8331AF


CSS-Code:

background-image: radial-gradient(circle, #A8AF31 13%, #8331AF 91%);

 

HEX #8331AF zu HEX #A8AF31


CSS-Code:

background-image: linear-gradient(135deg, #8331AF 7%, #A8AF31 94%);

 

HEX #8331AF zu HEX #A8AF31


CSS-Code:

background-image: radial-gradient(circle, #8331AF 4%, #A8AF31 86%);

Linear

HEX #A8AF31 zu HEX #31A8AF


CSS-Code:

background-image: linear-gradient(135deg, #A8AF31 9%, #31A8AF 89%);

Radial

HEX #A8AF31 zu HEX #31A8AF


CSS-Code:

background-image: radial-gradient(circle, #A8AF31 1%, #31A8AF 87%);

 

HEX #31A8AF zu HEX #A8AF31


CSS-Code:

background-image: linear-gradient(135deg, #31A8AF 7%, #A8AF31 87%);

 

HEX #31A8AF zu HEX #A8AF31


CSS-Code:

background-image: radial-gradient(circle, #31A8AF 8%, #A8AF31 89%);

 

HEX #A8AF31 zu HEX #AF31A8


CSS-Code:

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

 

HEX #A8AF31 zu HEX #AF31A8


CSS-Code:

background-image: radial-gradient(circle, #A8AF31 4%, #AF31A8 92%);

 

HEX #AF31A8 zu HEX #A8AF31


CSS-Code:

background-image: linear-gradient(135deg, #AF31A8 2%, #A8AF31 99%);

 

HEX #AF31A8 zu HEX #A8AF31


CSS-Code:

background-image: radial-gradient(circle, #AF31A8 14%, #A8AF31 90%);

Linear

HEX #A8AF31 zu HEX #31AF50


CSS-Code:

background-image: linear-gradient(135deg, #A8AF31 6%, #31AF50 89%);

Radial

HEX #A8AF31 zu HEX #31AF50


CSS-Code:

background-image: radial-gradient(circle, #A8AF31 13%, #31AF50 94%);

 

HEX #31AF50 zu HEX #A8AF31


CSS-Code:

background-image: linear-gradient(135deg, #31AF50 10%, #A8AF31 91%);

 

HEX #31AF50 zu HEX #A8AF31


CSS-Code:

background-image: radial-gradient(circle, #31AF50 8%, #A8AF31 96%);

 

HEX #A8AF31 zu HEX #3731AF


CSS-Code:

background-image: linear-gradient(135deg, #A8AF31 3%, #3731AF 88%);

 

HEX #A8AF31 zu HEX #3731AF


CSS-Code:

background-image: radial-gradient(circle, #A8AF31 13%, #3731AF 97%);

 

HEX #3731AF zu HEX #A8AF31


CSS-Code:

background-image: linear-gradient(135deg, #3731AF 2%, #A8AF31 93%);

 

HEX #3731AF zu HEX #A8AF31


CSS-Code:

background-image: radial-gradient(circle, #3731AF 8%, #A8AF31 100%);

 

HEX #A8AF31 zu HEX #AF318F


CSS-Code:

background-image: linear-gradient(135deg, #A8AF31 9%, #AF318F 90%);

 

HEX #A8AF31 zu HEX #AF318F


CSS-Code:

background-image: radial-gradient(circle, #A8AF31 2%, #AF318F 94%);

 

HEX #AF318F zu HEX #A8AF31


CSS-Code:

background-image: linear-gradient(135deg, #AF318F 10%, #A8AF31 98%);

 

HEX #AF318F zu HEX #A8AF31


CSS-Code:

background-image: radial-gradient(circle, #AF318F 11%, #A8AF31 90%);

Linear

HEX #A8AF31 zu HEX #31AF76


CSS-Code:

background-image: linear-gradient(135deg, #A8AF31 7%, #31AF76 91%);

Radial

HEX #A8AF31 zu HEX #31AF76


CSS-Code:

background-image: radial-gradient(circle, #A8AF31 6%, #31AF76 88%);

 

HEX #31AF76 zu HEX #A8AF31


CSS-Code:

background-image: linear-gradient(135deg, #31AF76 9%, #A8AF31 98%);

 

HEX #31AF76 zu HEX #A8AF31


CSS-Code:

background-image: radial-gradient(circle, #31AF76 0%, #A8AF31 89%);

 

HEX #A8AF31 zu HEX #3731AF


CSS-Code:

background-image: linear-gradient(135deg, #A8AF31 5%, #3731AF 91%);

 

HEX #A8AF31 zu HEX #3731AF


CSS-Code:

background-image: radial-gradient(circle, #A8AF31 14%, #3731AF 96%);

 

HEX #3731AF zu HEX #A8AF31


CSS-Code:

background-image: linear-gradient(135deg, #3731AF 10%, #A8AF31 86%);

 

HEX #3731AF zu HEX #A8AF31


CSS-Code:

background-image: radial-gradient(circle, #3731AF 1%, #A8AF31 92%);

 

HEX #A8AF31 zu HEX #AF3169


CSS-Code:

background-image: linear-gradient(135deg, #A8AF31 5%, #AF3169 87%);

 

HEX #A8AF31 zu HEX #AF3169


CSS-Code:

background-image: radial-gradient(circle, #A8AF31 4%, #AF3169 95%);

 

HEX #AF3169 zu HEX #A8AF31


CSS-Code:

background-image: linear-gradient(135deg, #AF3169 0%, #A8AF31 88%);

 

HEX #AF3169 zu HEX #A8AF31


CSS-Code:

background-image: radial-gradient(circle, #AF3169 5%, #A8AF31 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

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
Icons

CMYK in HEX

umrechnen von CMYK cyan / magenta / gelb / key zu #RRGGBB
Icons

CMYK in RGB

umrechnen von CMYK cyan / magenta / gelb / key zu RGB rot grün blau
Icons

CMYK in RAL®

umrechnen von CMYK cyan / magenta / gelb / key zu RAL®-Nummer (RAL 0000)
Icons

CMYK in HKS®

umrechnen von CMYK cyan / magenta / gelb / key zu HKS®-Nummer (HKS 00)
Icons

CMYK in PANTONE®

umrechnen von CMYK cyan / magenta / gelb / key zu Pantone®-Nummer (Pantone 0000)
Icons

CMYK in Sherwin Williams®

umrechnen von CMYK cyan / magenta / gelb / key zu Sherwin Williams®-Nummer (SW 0000)
Icons

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
nsc-logo

NCS® in RGB

umrechnen von NCS-Nummer (S0000-X00X) zu RGB rot grün blau
nsc-logo

NCS® in CMYK

umrechnen von NCS-Nummer (S0000-X00X) zu CMYK cyan / magenta / gelb / key

Icons
nsc-logo

NCS® in HEX

umrechnen von NCS-Nummer (S0000-X00X) zu #RRGGBB
nsc-logo

NCS® in RAL®

umrechnen von NCS-Nummer (S0000-X00X) zu RAL®-Nummer (RAL 0000)
nsc-logo

NCS® in HKS®

umrechnen von NCS-Nummer (S0000-X00X) zu HKS®-Nummer (HKS 00)
nsc-logo

NCS® in PANTONE®

umrechnen von NCS-Nummer (S0000-X00X) zu Pantone®-Nummer (Pantone 0000)
nsc-logo

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.

© 2019-2025 in cooperation ND-DESIGN.WORKS & frag-bobby.de