Hergestellt in 06/19/2025 20:41
Interaction Design Pattern Hub
- Microinteract Orange#ff914d
- Modal White#fdfdfd
- Click Gray#bdbdbd
- Scroll Navy#2e2e6a
- Popup Gold#f4c542
- Dropdown Moss#9ec183
Die Palette besteht aus Licht-Farben. Akzentfarben Microinteract Orange #ff914d und Scroll Navy #2e2e6a. Palette hat Farbtemperatur Warm, Neutral, Kalt.
Nach Helligkeit reicht diese Palette von #2E2E6A (dunkelstes) bis #FDFDFD (hellstes). Die Helligkeitsspanne ist groß.
Die Sättigung ist gemischt — gedämpfte und lebhafte Farbfelder.
Manche Farbton-Paare liegen nahe Komplementärpositionen — kann wie Komplementärkontrast wirken (heuristisch).
In der Gesamttemperatur neigen die Felder zur warmen Seite.
HEX-Codes (sortiert): #2E2E6A, #9EC183, #BDBDBD, #F4C542, #FDFDFD, #FF914D
Die Palette Interaction Design Pattern Hub enthält eine Kombination aus 6-Codefarben:
VERHEXEN: #ff914d, RGB: (255, 145, 77); VERHEXEN: #fdfdfd, RGB: (253, 253, 253); VERHEXEN: #bdbdbd, RGB: (189, 189, 189)
VERHEXEN: #2e2e6a, RGB: (46, 46, 106); VERHEXEN: #f4c542, RGB: (244, 197, 66); VERHEXEN: #9ec183, RGB: (158, 193, 131)
Vereinfachte Version der Palettenfarben
Farbton von sandybrown, Farbton von Weiss, Farbton von Silber, Schatten von midnightblue, Farbton von gold, Schatten von darkseagreen
Farbschema wurde erstellt von colourlock
Farbcodes in der Palette
Interaction Design Pattern Hub Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
| #ff914d | #ff914d | RGB(255, 145, 77) | Microinteract Orange | — |
| #fdfdfd | #fdfdfd | RGB(253, 253, 253) | Modal White | Brilliance |
| #bdbdbd | #bdbdbd | RGB(189, 189, 189) | Click Gray | Gray74 |
| #2e2e6a | #2e2e6a | RGB(46, 46, 106) | Scroll Navy | — |
| #f4c542 | #f4c542 | RGB(244, 197, 66) | Popup Gold | — |
| #9ec183 | #9ec183 | RGB(158, 193, 131) | Dropdown Moss | — |
Farbpalette Kontrast
9 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Tekst kleur | Achtergrond kleur | contrast ratio |
#ff914d | #bdbdbd | 1.18 |
#ff914d | #f4c542 | 1.37 |
#ff914d | #9ec183 | 1.1 |
#fdfdfd | #bdbdbd | 1.84 |
#fdfdfd | #f4c542 | 1.59 |
#fdfdfd | #9ec183 | 1.98 |
Bildpalette Interaction Design Pattern Hub png
Palette exportieren
Laden Sie die "Interaction Design Pattern Hub" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: