Palette generieren
  1. Farbpaletten
  2. Interface design interaction flat colors palette

Interface design interaction flat colors palette

  • #84b440
  • #b4dc84
  • #385d1f
  • #8ea964
  • #c2d6a5
  • #563c30
  0.25k
Erstellt am 03/27/2021 16:52
voncolorswall
Die Palette besteht aus Hell, Halbdunkel-Farben. Akzentfarben #b4dc84 und #385d1f. Palette hat Farbtemperatur Kalt, Warm.

Nach Helligkeit reicht diese Palette von #563C30 (dunkelstes) bis #C2D6A5 (hellstes). Die Helligkeitsspanne ist moderat.

Die Sättigung liegt im mittleren Bereich, im Durchschnitt 41% über die Palette.

Die Farbtöne bleiben in einem Bereich des Farbkreises und umfassen etwa 77°.

In der Gesamttemperatur neigen die Felder zur kalten Seite (5 von 6).

HEX-Codes (sortiert): #385D1F, #563C30, #84B440, #8EA964, #B4DC84, #C2D6A5

Die Palette Interface design interaction flat colors palette kombiniert 6 Farbcodes:
HEX: #84b440, RGB: (132, 180, 64); HEX: #b4dc84, RGB: (180, 220, 132); HEX: #385d1f, RGB: (56, 93, 31)
HEX: #8ea964, RGB: (142, 169, 100); HEX: #c2d6a5, RGB: (194, 214, 165); HEX: #563c30, RGB: (86, 60, 48)
Vereinfachte Version der Palettenfarben
Schattierung von Gelbgrün, Schattierung von Hellgrün, Schattierung von Dunkles Olivgrün, Schattierung von Dunkles Seegrün, Schattierung von Blasses Goldrutengelb, Schattierung von Sattelbraun
Farbschema wurde erstellt von colorswall

Farbcodes in der Palette

Interface design interaction flat colors palette Farbcodes HEX, RGB-Informationen in der Tabelle

Farbe HEX RGB Name alternativer Name
#84b440 #84b440 RGB(132, 180, 64)——
#b4dc84 #b4dc84 RGB(180, 220, 132)——
#385d1f #385d1f RGB(56, 93, 31)——
#8ea964 #8ea964 RGB(142, 169, 100)——
#c2d6a5 #c2d6a5 RGB(194, 214, 165)——
#563c30 #563c30 RGB(86, 60, 48)——

Farbpalette Kontrast

7 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
Textfarbe Hintergrundfarbe Kontrastverhältnis
#84b440
#b4dc84
1.57
#84b440
#8ea964
1.07
#84b440
#c2d6a5
1.56
#b4dc84
#8ea964
1.68
#b4dc84
#c2d6a5
1
#385d1f
#563c30
1.32

Bildpalette Interface design interaction flat colors palette png

Interface design interaction flat colors palette: #84b440, #b4dc84, #385d1f, #8ea964, #c2d6a5, #563c30
 Bild herunterladen