Voice-Driven Web UI Scheme

Transcript Cream
#fff5e1
Waveform Indigo
#3d5a80
Keyword Coral
#f76c6c
Command White
#fdfdfd
AI Listener Grey
#7c7c7c
Interaction Blue
#72a1e5

La tavolozza è composta da Leggero, Semi scuro colori. Colori accentati Transcript Cream #fff5e1 e Interaction Blue #72a1e5. La tavolozza ha la temperatura del colore Neutro, Freddo, Caldo.

Per luminosità, la tavolozza va da #3D5A80 (più scuro) a #FDFDFD (più chiaro). L’intervallo di luminosità è ampio.

Saturazione mista — alcuni campioni smorzati e accenti più vivaci.

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): #3D5A80, #72A1E5, #7C7C7C, #F76C6C, #FDFDFD, #FFF5E1

La tavolozza Voice-Driven Web UI Scheme ha una combinazione di colori dei codici 6:

ESADECIMALE: #fff5e1, RGB: (255, 245, 225); ESADECIMALE: #3d5a80, RGB: (61, 90, 128); ESADECIMALE: #f76c6c, RGB: (247, 108, 108)

ESADECIMALE: #fdfdfd, RGB: (253, 253, 253); ESADECIMALE: #7c7c7c, RGB: (124, 124, 124); ESADECIMALE: #72a1e5, RGB: (114, 161, 229)

Versione semplificata della tavolozza dei colori

Ombra di oldlace, Ombra di darkslateblue, Tonalità di lightcoral, Tonalità di Bianco, Tonalità di Grigio, Ombra di cornflowerblue

La combinazione di colori è stata creata da bad_colors

Altre tavolozze con:

Codici colori nella tavolozza

Voice-Driven Web UI Scheme codici colore HEX, informazioni RGB in tabella

Colore	ESADECIMALE	RGB	Nome	Nome alternativo
#fff5e1	#fff5e1	RGB(255, 245, 225)	Transcript Cream	—
#3d5a80	#3d5a80	RGB(61, 90, 128)	Waveform Indigo	—
#f76c6c	#f76c6c	RGB(247, 108, 108)	Keyword Coral	—
#fdfdfd	#fdfdfd	RGB(253, 253, 253)	Command White	Brilliance
#7c7c7c	#7c7c7c	RGB(124, 124, 124)	AI Listener Grey	—
#72a1e5	#72a1e5	RGB(114, 161, 229)	Interaction Blue	—

Contrasto della palette di colori

5 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
#fff5e1	#fdfdfd	1.06
#3d5a80	#7c7c7c	1.69
#f76c6c	#7c7c7c	1.45
#f76c6c	#72a1e5	1.08
#7c7c7c	#72a1e5	1.57

Tavolozza immagini Voice-Driven Web UI Scheme png

--color-transcript-cream:	#fff5e1;
--color-waveform-indigo:	#3d5a80;
--color-keyword-coral:	#f76c6c;
--color-command-white:	#fdfdfd;
--color-ai-listener-grey:	#7c7c7c;
--color-interaction-blue:	#72a1e5;

$color-transcript-cream:	#fff5e1;
$color-waveform-indigo:	#3d5a80;
$color-keyword-coral:	#f76c6c;
$color-command-white:	#fdfdfd;
$color-ai-listener-grey:	#7c7c7c;
$color-interaction-blue:	#72a1e5;

@color-transcript-cream:	#fff5e1;
@color-waveform-indigo:	#3d5a80;
@color-keyword-coral:	#f76c6c;
@color-command-white:	#fdfdfd;
@color-ai-listener-grey:	#7c7c7c;
@color-interaction-blue:	#72a1e5;