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

Farbpalette - wanna eat - web

Übersicht

schließen

Anwendungsmöglichkeiten

Diese Farbpaletten kannst du weiterverwenden. Mache sie zu Deiner Eigenen und tausche einzelne Farben nach belieben aus. Bewerte diese Farbpaletten und teile sie.

Finde Beispiele für Lineare und Radiale Farbübergänge mit zwei Farben aus dieser Farbpalette.

Es sind die ersten drei Farben vorausgewählt - falls vorhanden. Sie lassen sich mit dem Farb-Symbol rechts unten an jeder Farbe hinzufügen oder abwählen.

Einfach für Webdesign: Kopiere Dir den CSS-Code zum einfachen integrieren auf Deiner Webseite.

Finde Beispiele für Lineare und Radiale Farbübergänge mit drei Farben aus dieser Farbpalette.

Es sind die ersten drei Farben vorausgewählt - falls vorhanden. Sie lassen sich mit dem Farb-Symbol rechts unten an jeder Farbe hinzufügen oder abwählen.

Einfach für Webdesign: Kopiere Dir den CSS-Code zum einfachen integrieren auf Deiner Webseite.

Anzeigeoptionen

#97706F

CMYK 0 / 26 / 26 / 41

HEX #97706F

RGB 151 112 111

HSL 1.5, 0.16%, 0.51%

LAB 51.05, 15.27, 6.59

 

#55304E

CMYK 0 / 44 / 8 / 67

HEX #55304E

RGB 85 48 78

HSL 311.35, 0.28%, 0.26%

LAB 25.55, 21.95, -11.32

 

#E7B44D

CMYK 0 / 22 / 67 / 9

HEX #E7B44D

RGB 231 180 77

HSL 40.13, 0.76%, 0.6%

LAB 76.17, 7.99, 57.88

 

#E5C892

CMYK 0 / 13 / 36 / 10

HEX #E5C892

RGB 229 200 146

HSL 39.04, 0.61%, 0.74%

LAB 81.86, 2.66, 30.79

 

#B87E36

CMYK 0 / 32 / 71 / 28

HEX #B87E36

RGB 184 126 54

HSL 33.23, 0.55%, 0.47%

LAB 57.44, 15.71, 46.82

 

#A5A56A

CMYK 0 / 0 / 36 / 35

HEX #A5A56A

RGB 165 165 106

HSL 60, 0.25%, 0.53%

LAB 66.48, -9.24, 30.62

 

#696F44

CMYK 5 / 0 / 39 / 56

HEX #696F44

RGB 105 111 68

HSL 68.37, 0.24%, 0.35%

LAB 45.34, -9.78, 23.2

 

Linear

HEX #97706F zu HEX #55304E


CSS-Code:

background-image: linear-gradient(135deg, #97706F -7%, #55304E 107%);

Radial

HEX #97706F zu HEX #55304E


CSS-Code:

background-image: radial-gradient(circle, #97706F -5%, #55304E 186%);

 

HEX #97706F zu HEX #E7B44D


CSS-Code:

background-image: linear-gradient(135deg, #97706F 7%, #E7B44D 105%);

 

HEX #97706F zu HEX #E7B44D


CSS-Code:

background-image: radial-gradient(circle, #97706F -5%, #E7B44D 200%);

 

HEX #55304E zu HEX #97706F


CSS-Code:

background-image: linear-gradient(135deg, #55304E -2%, #97706F 106%);

 

HEX #55304E zu HEX #97706F


CSS-Code:

background-image: radial-gradient(circle, #55304E 14%, #97706F 187%);

 

HEX #55304E zu HEX #E7B44D


CSS-Code:

background-image: linear-gradient(135deg, #55304E -1%, #E7B44D 96%);

 

HEX #55304E zu HEX #E7B44D


CSS-Code:

background-image: radial-gradient(circle, #55304E 10%, #E7B44D 199%);

 

HEX #E7B44D zu HEX #97706F


CSS-Code:

background-image: linear-gradient(135deg, #E7B44D 10%, #97706F 95%);

 

HEX #E7B44D zu HEX #97706F


CSS-Code:

background-image: radial-gradient(circle, #E7B44D -7%, #97706F 204%);

 

HEX #E7B44D zu HEX #55304E


CSS-Code:

background-image: linear-gradient(135deg, #E7B44D -1%, #55304E 103%);

 

HEX #E7B44D zu HEX #55304E


CSS-Code:

background-image: radial-gradient(circle, #E7B44D 11%, #55304E 187%);

Linear

HEX #97706F über HEX #55304E zu HEX #E7B44D


CSS-Code:

background-image: linear-gradient(135deg, #97706F 5%, #55304E 51%, #E7B44D 109%);

Radial

HEX #97706F über HEX #55304E zu HEX #E7B44D


CSS-Code:

background-image: radial-gradient(circle, #97706F 7%, #55304E 46%, #E7B44D 87%);

 

HEX #97706F über HEX #E7B44D zu HEX #55304E


CSS-Code:

background-image: linear-gradient(135deg, #97706F -8%, #E7B44D 51%, #55304E 93%);

 

HEX #97706F über HEX #E7B44D zu HEX #55304E


CSS-Code:

background-image: radial-gradient(circle, #97706F -3%, #E7B44D 44%, #55304E 106%);

 

HEX #55304E über HEX #97706F zu HEX #E7B44D


CSS-Code:

background-image: linear-gradient(135deg, #55304E -2%, #97706F 45%, #E7B44D 105%);

 

HEX #55304E über HEX #97706F zu HEX #E7B44D


CSS-Code:

background-image: radial-gradient(circle, #55304E 1%, #97706F 50%, #E7B44D 98%);

 

HEX #55304E über HEX #E7B44D zu HEX #97706F


CSS-Code:

background-image: linear-gradient(135deg, #55304E -7%, #E7B44D 57%, #97706F 98%);

 

HEX #55304E über HEX #E7B44D zu HEX #97706F


CSS-Code:

background-image: radial-gradient(circle, #55304E -3%, #E7B44D 53%, #97706F 97%);

 

HEX #E7B44D über HEX #97706F zu HEX #55304E


CSS-Code:

background-image: linear-gradient(135deg, #E7B44D -3%, #97706F 50%, #55304E 98%);

 

HEX #E7B44D über HEX #97706F zu HEX #55304E


CSS-Code:

background-image: radial-gradient(circle, #E7B44D -1%, #97706F 50%, #55304E 89%);

 

HEX #E7B44D über HEX #55304E zu HEX #97706F


CSS-Code:

background-image: linear-gradient(135deg, #E7B44D 9%, #55304E 57%, #97706F 94%);

 

HEX #E7B44D über HEX #55304E zu HEX #97706F


CSS-Code:

background-image: radial-gradient(circle, #E7B44D 1%, #55304E 55%, #97706F 106%);

2-Farben Farbverläufe angepasst (12 Stück)

Zeige sie mir

3-Farben Farbverläufe angepasst (12 Stück)

Zeige sie mir

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Anzeige

Beliebte Konvertierungen

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)

Um Farbpaletten speichern zu können, musst Du angemeldet sein.

Bei deinem Konto anmelden

oder

Erstelle ein Konto

Aktuelle Farbpalette teilen
Soll sie öffentlich oder privat sein?
Link(s) folgen nach dem Teilen.

Abbrechen Teilen

Farbpalette geteilt
Bitte kopiere und speichere dir den gewünschten Link.

Teilen

OK, ich habe die Links kopiert

Deine Farben werden in einer neuen Farbpalette gespeichert.
Sehe sie dir unter deinem Profil an.
Du kannst sie weiter anpassen, und teilen.

Farbpalette anzeigen
Schließen

Erstelle eine Farbpalette

HerunterladenHerunterladen in verschiedenen Formaten

Alle Entfernen

Durch Klicken auf kannst du Paletten erstellen und die Farbfelder herunterladen.