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

La tavolozza è composta da Leggero, Semi scuro colori. Colori accentati Notification Yellow #fff200 e Intent Purple #a36fff. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.

Per luminosità, la tavolozza va da #555555 (più scuro) a #A36FFF (più chiaro). L’intervallo di luminosità è moderato.

La saturazione complessiva risulta vivida (croma alto).

Alcune coppie di tonalità sono vicine a posizioni complementari — si può leggere come contrasto complementare (euristica).

Complessivamente la temperatura tende al freddo.

Codici HEX (ordinati): #0055FF, #00FFD4, #33FFAA, #555555, #A36FFF, #FF6F61, #FFF200

La tavolozza AI Chatbot Interface Colors ha una combinazione di colori dei codici 7:

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

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

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

Versione semplificata della tavolozza dei colori

Tonalità di royalblue, Tonalità di aquamarine, Tonalità di salmon, Tonalità di dimgrey, Tonalità di Giallo, Ombra di mediumpurple, Ombra di mediumspringgreen

La combinazione di colori è stata creata da palettespicker

Altre tavolozze con:

Codici colori nella tavolozza

AI Chatbot Interface Colors codici colore HEX, informazioni RGB in tabella

Colore	ESADECIMALE	RGB	Nome	Nome alternativo
#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	—

Contrasto della palette di colori

6 coppie di colori hanno un basso contrasto e necessitano di miglioramenti, il che può influire sulla leggibilità.

Colore del testo	Colore di sfondo	Rapporto di contrasto
#0055ff	#555555	1.32
#0055ff	#a36fff	1.67
#00ffd4	#fff200	1.1
#00ffd4	#33ffaa	1.01
#ff6f61	#a36fff	1.22
#fff200	#33ffaa	1.12

Tavolozza immagini 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;