Hergestellt in 03/28/2023 08:40
Gif interaction design ui kit palette
- Saffron#ebca31
- Laser Lemon#fbf86e
- Field Drab#6e5023
- Steel Teal#5e7994
- Lavender Gray#c4b6cf
- Dark Slate Gray#34505c
Die Palette besteht aus Licht, Halbdunkel-Farben. Akzentfarben Laser Lemon #fbf86e und Dark Slate Gray #34505c. Palette hat Farbtemperatur Warm, Kalt.
Nach Helligkeit reicht diese Palette von #34505C (dunkelstes) bis #C4B6CF (hellstes). Die Helligkeitsspanne ist moderat.
Die Sättigung ist gemischt — gedämpfte und lebhafte Farbfelder.
Manche Farbton-Paare liegen nahe Komplementärpositionen — kann wie Komplementärkontrast wirken (heuristisch).
Warme und kühle Felder sind ziemlich ausgeglichen.
HEX-Codes (sortiert): #34505C, #5E7994, #6E5023, #C4B6CF, #EBCA31, #FBF86E
Die Palette Gif interaction design ui kit palette enthält eine Kombination aus 6-Codefarben:
VERHEXEN: #ebca31, RGB: (235, 202, 49); VERHEXEN: #fbf86e, RGB: (251, 248, 110); VERHEXEN: #6e5023, RGB: (110, 80, 35)
VERHEXEN: #5e7994, RGB: (94, 121, 148); VERHEXEN: #c4b6cf, RGB: (196, 182, 207); VERHEXEN: #34505c, RGB: (52, 80, 92)
Vereinfachte Version der Palettenfarben
Farbton von gold, Schatten von Gelb, Farbton von saddlebrown, Farbton von slategrey, Farbton von thistle, Schatten von darkslategrey
Farbschema wurde erstellt von hex
Farbcodes in der Palette
Gif interaction design ui kit palette Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
| #ebca31 | #ebca31 | RGB(235, 202, 49) | Saffron | — |
| #fbf86e | #fbf86e | RGB(251, 248, 110) | Laser Lemon | — |
| #6e5023 | #6e5023 | RGB(110, 80, 35) | Field Drab | — |
| #5e7994 | #5e7994 | RGB(94, 121, 148) | Steel Teal | — |
| #c4b6cf | #c4b6cf | RGB(196, 182, 207) | Lavender Gray | — |
| #34505c | #34505c | RGB(52, 80, 92) | Dark Slate Gray | — |
Farbpalette Kontrast
6 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Tekst kleur | Achtergrond kleur | contrast ratio |
#ebca31 | #fbf86e | 1.43 |
#ebca31 | #c4b6cf | 1.19 |
#fbf86e | #c4b6cf | 1.71 |
#6e5023 | #5e7994 | 1.63 |
#6e5023 | #34505c | 1.15 |
#5e7994 | #34505c | 1.89 |
Bildpalette Gif interaction design ui kit palette png
Palette exportieren
Laden Sie die "Gif interaction design ui kit palette" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: