Animation reveal ux principle
- Mountain Meadow#3ac493
- Banana Mania#fbebb4
- Rich Black (FOGRA29)#06140f
- Beaver#94886d
- Philippine Silver#b1b6b8
- Arsenic#38444c
Erstellt am 10/04/2022 09:50
Die Palette besteht aus Hell, Dunkel, Halbdunkel-Farben. Akzentfarben Banana Mania #fbebb4 und Arsenic #38444c. Palette hat Farbtemperatur Kalt, Warm, Neutral.
Nach Helligkeit reicht diese Palette von #06140F (dunkelstes) bis #FBEBB4 (hellstes). Die Helligkeitsspanne ist groß.
Die Sättigung ist gemischt — 3 gedämpfte und 3 lebhafte von 6 Farben.
Einige Farben liegen sich auf dem Farbkreis etwa gegenüber und geben der Palette einen Komplementärkontrast.
Warme und kühle Felder sind ziemlich ausgeglichen (2 warm, 2 kühl).
HEX-Codes (sortiert): #06140F, #38444C, #3AC493, #94886D, #B1B6B8, #FBEBB4
Die Palette Animation reveal ux principle kombiniert 6 Farbcodes:
HEX: #3ac493, RGB: (58, 196, 147); HEX: #fbebb4, RGB: (251, 235, 180); HEX: #06140f, RGB: (6, 20, 15)
HEX: #94886d, RGB: (148, 136, 109); HEX: #b1b6b8, RGB: (177, 182, 184); HEX: #38444c, RGB: (56, 68, 76)
Vereinfachte Version der Palettenfarben
Schattierung von Mittleres Aquamarin, Aufhellung von Blasses Goldrutengelb, Aufhellung von Schwarz, Aufhellung von Grau, Schattierung von Silber, Schattierung von Dunkles Schiefergrau
Farbschema wurde erstellt von colorswall
Farbcodes in der Palette
Animation reveal ux principle Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | HEX | RGB | Name | alternativer Name |
|---|---|---|---|---|
| #3ac493 | #3ac493 | RGB(58, 196, 147) | Mountain Meadow | — |
| #fbebb4 | #fbebb4 | RGB(251, 235, 180) | Banana Mania | — |
| #06140f | #06140f | RGB(6, 20, 15) | Rich Black (FOGRA29) | — |
| #94886d | #94886d | RGB(148, 136, 109) | Beaver | — |
| #b1b6b8 | #b1b6b8 | RGB(177, 182, 184) | Philippine Silver | — |
| #38444c | #38444c | RGB(56, 68, 76) | Arsenic | — |
Farbpalette Kontrast
6 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Textfarbe | Hintergrundfarbe | Kontrastverhältnis |
|---|---|---|
#3ac493 | #fbebb4 | 1.85 |
#3ac493 | #94886d | 1.58 |
#3ac493 | #b1b6b8 | 1.07 |
#fbebb4 | #b1b6b8 | 1.72 |
#06140f | #38444c | 1.88 |
#94886d | #b1b6b8 | 1.7 |
Bildpalette Animation reveal ux principle png
Palette exportieren
Laden Sie die "Animation reveal ux principle" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: