AI Chatbot Interface Colors

Chatbot Blue
#0055ff
Prompt Teal
#00ffd4
Response Coral
#ff6f61
User Gray
#555555
Notification Yellow
#fff200
Intent Purple
#a36fff
Action Mint
#33ffaa

Die Palette besteht aus Licht, Halbdunkel-Farben. Akzentfarben Notification Yellow #fff200 und Intent Purple #a36fff. Palette hat Farbtemperatur Kalt, Warm, Neutral.

Nach Helligkeit reicht diese Palette von #555555 (dunkelstes) bis #A36FFF (hellstes). Die Helligkeitsspanne ist moderat.

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): #0055FF, #00FFD4, #33FFAA, #555555, #A36FFF, #FF6F61, #FFF200

Die Palette AI Chatbot Interface Colors enthält eine Kombination aus 7-Codefarben:

VERHEXEN: #0055ff, RGB: (0, 85, 255); VERHEXEN: #00ffd4, RGB: (0, 255, 212); VERHEXEN: #ff6f61, RGB: (255, 111, 97)

VERHEXEN: #555555, RGB: (85, 85, 85); VERHEXEN: #fff200, RGB: (255, 242, 0); VERHEXEN: #a36fff, RGB: (163, 111, 255)

VERHEXEN: #33ffaa, RGB: (51, 255, 170)

Vereinfachte Version der Palettenfarben

Farbton von royalblue, Farbton von aquamarine, Farbton von salmon, Farbton von dimgrey, Farbton von Gelb, Schatten von mediumpurple, Schatten von mediumspringgreen

Farbschema wurde erstellt von palettespicker

Mehr Paletten mit:

Farbcodes in der Palette

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

Farbe	VERHEXEN	RGB	Name	alternativer Name
#0055ff	#0055ff	RGB(0, 85, 255)	Chatbot Blue	Nīlā Blue
#00ffd4	#00ffd4	RGB(0, 255, 212)	Prompt Teal	—
#ff6f61	#ff6f61	RGB(255, 111, 97)	Response Coral	Living Coral
#555555	#555555	RGB(85, 85, 85)	User Gray	Stone Cold Gray
#fff200	#fff200	RGB(255, 242, 0)	Notification Yellow	Dorn Yellow
#a36fff	#a36fff	RGB(163, 111, 255)	Intent Purple	—
#33ffaa	#33ffaa	RGB(51, 255, 170)	Action Mint	—

Farbpalette Kontrast

6 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.

Tekst kleur	Achtergrond kleur	contrast ratio
#0055ff	#555555	1.32
#0055ff	#a36fff	1.67
#00ffd4	#fff200	1.1
#00ffd4	#33ffaa	1.01
#ff6f61	#a36fff	1.22
#fff200	#33ffaa	1.12

Bildpalette AI Chatbot Interface Colors png

--color-chatbot-blue:	#0055ff;
--color-prompt-teal:	#00ffd4;
--color-response-coral:	#ff6f61;
--color-user-gray:	#555555;
--color-notification-yellow:	#fff200;
--color-intent-purple:	#a36fff;
--color-action-mint:	#33ffaa;

$color-chatbot-blue:	#0055ff;
$color-prompt-teal:	#00ffd4;
$color-response-coral:	#ff6f61;
$color-user-gray:	#555555;
$color-notification-yellow:	#fff200;
$color-intent-purple:	#a36fff;
$color-action-mint:	#33ffaa;

@color-chatbot-blue:	#0055ff;
@color-prompt-teal:	#00ffd4;
@color-response-coral:	#ff6f61;
@color-user-gray:	#555555;
@color-notification-yellow:	#fff200;
@color-intent-purple:	#a36fff;
@color-action-mint:	#33ffaa;