Loading...
Hergestellt in 03/22/2023 14:49
Interaction mobile animation ui
- Azure#047afb
- Maya Blue#6dcbf5
- Catalina Blue#082a7c
- Dark Blue-Gray#61789c
- Opal#a6c7b6
- MSU Green#24443c
Die Palette besteht aus Licht, Dunkel-Farben. Akzentfarben Azure #047afb und Catalina Blue #082a7c. Palette hat Farbtemperatur Kalt.
Nach Helligkeit reicht diese Palette von #24443C (dunkelstes) bis #A6C7B6 (hellstes). Die Helligkeitsspanne ist moderat.
Die Sättigung ist gemischt — gedämpfte und lebhafte Farbfelder.
Farbton liegt in einem benachbarten Bereich auf dem Farbkreis (heuristisch).
In der Gesamttemperatur neigen die Felder zur kalten Seite.
HEX-Codes (sortiert): #047AFB, #082A7C, #24443C, #61789C, #6DCBF5, #A6C7B6
Die Palette Interaction mobile animation ui enthält eine Kombination aus 6-Codefarben:
VERHEXEN: #047afb, RGB: (4, 122, 251); VERHEXEN: #6dcbf5, RGB: (109, 203, 245); VERHEXEN: #082a7c, RGB: (8, 42, 124)
VERHEXEN: #61789c, RGB: (97, 120, 156); VERHEXEN: #a6c7b6, RGB: (166, 199, 182); VERHEXEN: #24443c, RGB: (36, 68, 60)
Vereinfachte Version der Palettenfarben
Farbton von steelblue, Farbton von lightskyblue, Schatten von midnightblue, Farbton von slategrey, Schatten von darkseagreen, Farbton von darkslategrey
Farbschema wurde erstellt von palettespicker
Farbcodes in der Palette
Interaction mobile animation ui Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
| #047afb | #047afb | RGB(4, 122, 251) | Azure | — |
| #6dcbf5 | #6dcbf5 | RGB(109, 203, 245) | Maya Blue | — |
| #082a7c | #082a7c | RGB(8, 42, 124) | Catalina Blue | — |
| #61789c | #61789c | RGB(97, 120, 156) | Dark Blue-Gray | — |
| #a6c7b6 | #a6c7b6 | RGB(166, 199, 182) | Opal | — |
| #24443c | #24443c | RGB(36, 68, 60) | MSU Green | — |
Farbpalette Kontrast
3 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Tekst kleur | Achtergrond kleur | contrast ratio |
#047afb | #61789c | 1.1 |
#6dcbf5 | #a6c7b6 | 1 |
#082a7c | #24443c | 1.2 |
Bildpalette Interaction mobile animation ui png
Palette exportieren
Laden Sie die "Interaction mobile animation ui" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: