Hergestellt in 07/11/2025 10:07
Interactive Narrative UI Core
- Dialog Box Tan#fffaf0
- Choice Highlight Indigo#3a0ca3
- Story Path Teal#80ed99
- Narrator Text Grey#2e2e2e
- Scene Light Pink#ffc8dd
- Hover Arc Blue#a0c4ff
Die Palette besteht aus Licht, Dunkel-Farben. Akzentfarben Dialog Box Tan #fffaf0 und Hover Arc Blue #a0c4ff. Palette hat Farbtemperatur Neutral, Kalt.
Nach Helligkeit reicht diese Palette von #2E2E2E (dunkelstes) bis #FFFAF0 (hellstes). Die Helligkeitsspanne ist groß.
Die Sättigung wirkt insgesamt lebhaft (höhere Chroma).
Manche Farbton-Paare liegen nahe Komplementärpositionen — kann wie Komplementärkontrast wirken (heuristisch).
In der Gesamttemperatur neigen die Felder zur kalten Seite.
HEX-Codes (sortiert): #2E2E2E, #3A0CA3, #80ED99, #A0C4FF, #FFC8DD, #FFFAF0
Die Palette Interactive Narrative UI Core enthält eine Kombination aus 6-Codefarben:
VERHEXEN: #fffaf0, RGB: (255, 250, 240); VERHEXEN: #3a0ca3, RGB: (58, 12, 163); VERHEXEN: #80ed99, RGB: (128, 237, 153)
VERHEXEN: #2e2e2e, RGB: (46, 46, 46); VERHEXEN: #ffc8dd, RGB: (255, 200, 221); VERHEXEN: #a0c4ff, RGB: (160, 196, 255)
Vereinfachte Version der Palettenfarben
Schatten von mediumblue, Farbton von lightgreen, Schatten von Schwarz, Schatten von Rosa, Farbton von lightsteelblue
Farbschema wurde erstellt von colorday
Farbcodes in der Palette
Interactive Narrative UI Core Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
| #fffaf0 | #fffaf0 | RGB(255, 250, 240) | Dialog Box Tan | Floral White |
| #3a0ca3 | #3a0ca3 | RGB(58, 12, 163) | Choice Highlight Indigo | — |
| #80ed99 | #80ed99 | RGB(128, 237, 153) | Story Path Teal | — |
| #2e2e2e | #2e2e2e | RGB(46, 46, 46) | Narrator Text Grey | Carbon Fiber |
| #ffc8dd | #ffc8dd | RGB(255, 200, 221) | Scene Light Pink | — |
| #a0c4ff | #a0c4ff | RGB(160, 196, 255) | Hover Arc Blue | — |
Farbpalette Kontrast
7 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Tekst kleur | Achtergrond kleur | contrast ratio |
#fffaf0 | #80ed99 | 1.39 |
#fffaf0 | #ffc8dd | 1.38 |
#fffaf0 | #a0c4ff | 1.7 |
#3a0ca3 | #2e2e2e | 1.13 |
#80ed99 | #ffc8dd | 1 |
#80ed99 | #a0c4ff | 1.22 |
Bildpalette Interactive Narrative UI Core png
Palette exportieren
Laden Sie die "Interactive Narrative UI Core" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: