Hergestellt in 07/28/2025 11:28
AI Chat UX Interaction Schema
- Dialog Blue#66c7f4
- Context Gray#e0e0e0
- Response Pink#ffb4c6
- User White#ffffff
- Intent Yellow#ffe066
- Thread Ink#1f1f1f
Die Palette besteht aus Licht, Dunkel-Farben. Akzentfarben Dialog Blue #66c7f4 und Intent Yellow #ffe066. Palette hat Farbtemperatur Kalt, Neutral, Warm.
Nach Helligkeit reicht diese Palette von #1F1F1F (dunkelstes) bis #FFFFFF (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): #1F1F1F, #66C7F4, #E0E0E0, #FFB4C6, #FFE066, #FFFFFF
Die Palette AI Chat UX Interaction Schema enthält eine Kombination aus 6-Codefarben:
VERHEXEN: #66c7f4, RGB: (102, 199, 244); VERHEXEN: #e0e0e0, RGB: (224, 224, 224); VERHEXEN: #ffb4c6, RGB: (255, 180, 198)
VERHEXEN: #ffffff, RGB: (255, 255, 255); VERHEXEN: #ffe066, RGB: (255, 224, 102); VERHEXEN: #1f1f1f, RGB: (31, 31, 31)
Vereinfachte Version der Palettenfarben
Farbton von lightskyblue, Schatten von gainsboro, Farbton von lightpink, Weiss, Schatten von gold, Schatten von Schwarz
Farbschema wurde erstellt von bad_colors
Farbcodes in der Palette
AI Chat UX Interaction Schema Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
| #66c7f4 | #66c7f4 | RGB(102, 199, 244) | Dialog Blue | — |
| #e0e0e0 | #e0e0e0 | RGB(224, 224, 224) | Context Gray | Gray88 |
| #ffb4c6 | #ffb4c6 | RGB(255, 180, 198) | Response Pink | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | User White | White |
| #ffe066 | #ffe066 | RGB(255, 224, 102) | Intent Yellow | — |
| #1f1f1f | #1f1f1f | RGB(31, 31, 31) | Thread Ink | Gray12 |
Farbpalette Kontrast
10 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Tekst kleur | Achtergrond kleur | contrast ratio |
#66c7f4 | #e0e0e0 | 1.44 |
#66c7f4 | #ffb4c6 | 1.14 |
#66c7f4 | #ffffff | 1.9 |
#66c7f4 | #ffe066 | 1.45 |
#e0e0e0 | #ffb4c6 | 1.26 |
#e0e0e0 | #ffffff | 1.32 |
Bildpalette AI Chat UX Interaction Schema png
Palette exportieren
Laden Sie die "AI Chat UX Interaction Schema" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: