AI Chatbot Interface System

Intent Blue
#3c8dad
Message Cream
#faf3e0
Response Coral
#ff9e8c
Bubble Graphite
#1f1f1f
Typing Dot Grey
#d4d4d4
Prompt Rose
#ffb3c6

Die Palette besteht aus Licht, Dunkel-Farben. Akzentfarben Intent Blue #3c8dad und Prompt Rose #ffb3c6. Palette hat Farbtemperatur Kalt, Neutral, Warm.

Nach Helligkeit reicht diese Palette von #1F1F1F (dunkelstes) bis #FAF3E0 (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, #3C8DAD, #D4D4D4, #FAF3E0, #FF9E8C, #FFB3C6

Die Palette AI Chatbot Interface System enthält eine Kombination aus 6-Codefarben:

VERHEXEN: #3c8dad, RGB: (60, 141, 173); VERHEXEN: #faf3e0, RGB: (250, 243, 224); VERHEXEN: #ff9e8c, RGB: (255, 158, 140)

VERHEXEN: #1f1f1f, RGB: (31, 31, 31); VERHEXEN: #d4d4d4, RGB: (212, 212, 212); VERHEXEN: #ffb3c6, RGB: (255, 179, 198)

Vereinfachte Version der Palettenfarben

Schatten von steelblue, Farbton von oldlace, Schatten von darksalmon, Schatten von Schwarz, Schatten von lightgrey, Farbton von lightpink

Farbschema wurde erstellt von coolor

Mehr Paletten mit:

Farbcodes in der Palette

AI Chatbot Interface System Farbcodes HEX, RGB-Informationen in der Tabelle

Farbe	VERHEXEN	RGB	Name	alternativer Name
#3c8dad	#3c8dad	RGB(60, 141, 173)	Intent Blue	—
#faf3e0	#faf3e0	RGB(250, 243, 224)	Message Cream	—
#ff9e8c	#ff9e8c	RGB(255, 158, 140)	Response Coral	—
#1f1f1f	#1f1f1f	RGB(31, 31, 31)	Bubble Graphite	Gray12
#d4d4d4	#d4d4d4	RGB(212, 212, 212)	Typing Dot Grey	Disco Ball
#ffb3c6	#ffb3c6	RGB(255, 179, 198)	Prompt Rose	—

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
#3c8dad	#ff9e8c	1.87
#faf3e0	#ff9e8c	1.8
#faf3e0	#d4d4d4	1.33
#faf3e0	#ffb3c6	1.51
#ff9e8c	#d4d4d4	1.34
#ff9e8c	#ffb3c6	1.18

Bildpalette AI Chatbot Interface System png

--color-intent-blue:	#3c8dad;
--color-message-cream:	#faf3e0;
--color-response-coral:	#ff9e8c;
--color-bubble-graphite:	#1f1f1f;
--color-typing-dot-grey:	#d4d4d4;
--color-prompt-rose:	#ffb3c6;

$color-intent-blue:	#3c8dad;
$color-message-cream:	#faf3e0;
$color-response-coral:	#ff9e8c;
$color-bubble-graphite:	#1f1f1f;
$color-typing-dot-grey:	#d4d4d4;
$color-prompt-rose:	#ffb3c6;

@color-intent-blue:	#3c8dad;
@color-message-cream:	#faf3e0;
@color-response-coral:	#ff9e8c;
@color-bubble-graphite:	#1f1f1f;
@color-typing-dot-grey:	#d4d4d4;
@color-prompt-rose:	#ffb3c6;