Hergestellt in 07/22/2025 11:45
Conversational UI Chatbot Color System
- Chat Bubble Blue#64b5f6
- Typing Dot Gray#e0e0e0
- Voice Input Coral#ff8a65
- Response White#ffffff
- Sent Message Navy#3f51b5
- AI Tone Teal#4db6ac
Die Palette besteht aus Licht, Halbdunkel-Farben. Akzentfarben Chat Bubble Blue #64b5f6 und Voice Input Coral #ff8a65. Palette hat Farbtemperatur Kalt, Neutral, Warm.
Nach Helligkeit reicht diese Palette von #3F51B5 (dunkelstes) bis #FFFFFF (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).
In der Gesamttemperatur neigen die Felder zur kalten Seite.
HEX-Codes (sortiert): #3F51B5, #4DB6AC, #64B5F6, #E0E0E0, #FF8A65, #FFFFFF
Die Palette Conversational UI Chatbot Color System enthält eine Kombination aus 6-Codefarben:
VERHEXEN: #64b5f6, RGB: (100, 181, 246); VERHEXEN: #e0e0e0, RGB: (224, 224, 224); VERHEXEN: #ff8a65, RGB: (255, 138, 101)
VERHEXEN: #ffffff, RGB: (255, 255, 255); VERHEXEN: #3f51b5, RGB: (63, 81, 181); VERHEXEN: #4db6ac, RGB: (77, 182, 172)
Vereinfachte Version der Palettenfarben
Schatten von deepskyblue, Schatten von gainsboro, Schatten von coral, Weiss, Farbton von slateblue, Schatten von lightseagreen
Farbschema wurde erstellt von colorslib
Farbcodes in der Palette
Conversational UI Chatbot Color System Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
| #64b5f6 | #64b5f6 | RGB(100, 181, 246) | Chat Bubble Blue | — |
| #e0e0e0 | #e0e0e0 | RGB(224, 224, 224) | Typing Dot Gray | Gray88 |
| #ff8a65 | #ff8a65 | RGB(255, 138, 101) | Voice Input Coral | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Response White | White |
| #3f51b5 | #3f51b5 | RGB(63, 81, 181) | Sent Message Navy | — |
| #4db6ac | #4db6ac | RGB(77, 182, 172) | AI Tone Teal | — |
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 |
#64b5f6 | #e0e0e0 | 1.67 |
#64b5f6 | #ff8a65 | 1.04 |
#64b5f6 | #4db6ac | 1.1 |
#e0e0e0 | #ff8a65 | 1.75 |
#e0e0e0 | #ffffff | 1.32 |
#e0e0e0 | #4db6ac | 1.84 |
Bildpalette Conversational UI Chatbot Color System png
Palette exportieren
Laden Sie die "Conversational UI Chatbot Color System" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: