Widget gif microinteractions interaction design colours
- Ruddy#f8062a
- Salmon Pink#fc8b9c
- Red Devil#810316
- Gray (HTML/CSS Gray)#837c7c
- Pale Silver#d2bec1
- Dim Gray#706568
Erstellt am 03/06/2023 10:42
Die Palette besteht aus Hell, Dunkel, Halbdunkel-Farben. Akzentfarben Ruddy #f8062a und Red Devil #810316. Palette hat Farbtemperatur Warm, Neutral.
Nach Helligkeit reicht diese Palette von #810316 (dunkelstes) bis #D2BEC1 (hellstes). Die Helligkeitsspanne ist moderat.
Die Sättigung ist gemischt — 3 gedämpfte und 3 lebhafte von 6 Farben.
Eine analoge Palette: Die Farbtöne liegen auf dem Farbkreis nah beieinander, innerhalb von etwa 0°.
In der Gesamttemperatur neigen die Felder zur warmen Seite (4 von 6).
HEX-Codes (sortiert): #706568, #810316, #837C7C, #D2BEC1, #F8062A, #FC8B9C
Die Palette Widget gif microinteractions interaction design colours kombiniert 6 Farbcodes:
HEX: #f8062a, RGB: (248, 6, 42); HEX: #fc8b9c, RGB: (252, 139, 156); HEX: #810316, RGB: (129, 3, 22)
HEX: #837c7c, RGB: (131, 124, 124); HEX: #d2bec1, RGB: (210, 190, 193); HEX: #706568, RGB: (112, 101, 104)
Vereinfachte Version der Palettenfarben
Aufhellung von Rot, Aufhellung von Hellkoralle, Aufhellung von Kastanienbraun, Schattierung von Grau, Schattierung von Distel, Schattierung von Mattgrau
Farbschema wurde erstellt von hex
Farbcodes in der Palette
Widget gif microinteractions interaction design colours Farbcodes HEX, RGB-Informationen in der Tabelle
Farbpalette Kontrast
7 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Textfarbe | Hintergrundfarbe | Kontrastverhältnis |
|---|---|---|
#f8062a | #fc8b9c | 1.84 |
#f8062a | #837c7c | 1.01 |
#f8062a | #706568 | 1.34 |
#fc8b9c | #837c7c | 1.81 |
#fc8b9c | #d2bec1 | 1.27 |
#810316 | #706568 | 1.91 |
Bildpalette Widget gif microinteractions interaction design colours png
Palette exportieren
Laden Sie die "Widget gif microinteractions interaction design colours" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: