Interaction Analytics Overlay

Heatmap Orange
#f77f00
Click Path Navy
#003049
Scroll Depth Aqua
#00b4d8
Overlay Grey
#f2f2f2
User Segment Pink
#ef798a

La tavolozza è composta da Leggero, Buio colori. Colori accentati Heatmap Orange #f77f00 e Scroll Depth Aqua #00b4d8. La tavolozza ha la temperatura del colore Caldo, Freddo, Neutro.

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

La saturazione complessiva risulta vivida (croma alto).

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

Note calde e fredde sono abbastanza bilanciate.

Codici HEX (ordinati): #003049, #00B4D8, #EF798A, #F2F2F2, #F77F00

La tavolozza Interaction Analytics Overlay ha una combinazione di colori dei codici 5:

ESADECIMALE: #f77f00, RGB: (247, 127, 0); ESADECIMALE: #003049, RGB: (0, 48, 73); ESADECIMALE: #00b4d8, RGB: (0, 180, 216)

ESADECIMALE: #f2f2f2, RGB: (242, 242, 242); ESADECIMALE: #ef798a, RGB: (239, 121, 138)

Versione semplificata della tavolozza dei colori

Tonalità di darkorange, Ombra di midnightblue, Tonalità di deepskyblue, Tonalità di whitesmoke, Tonalità di lightcoral

La combinazione di colori è stata creata da colorstudio

Altre tavolozze con:

Codici colori nella tavolozza

Interaction Analytics Overlay codici colore HEX, informazioni RGB in tabella

Colore	ESADECIMALE	RGB	Nome	Nome alternativo
#f77f00	#f77f00	RGB(247, 127, 0)	Heatmap Orange	University of Tennessee Orange
#003049	#003049	RGB(0, 48, 73)	Click Path Navy	—
#00b4d8	#00b4d8	RGB(0, 180, 216)	Scroll Depth Aqua	—
#f2f2f2	#f2f2f2	RGB(242, 242, 242)	Overlay Grey	Gray95
#ef798a	#ef798a	RGB(239, 121, 138)	User Segment Pink	—

Contrasto della palette di colori

3 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
#f77f00	#00b4d8	1.06
#f77f00	#ef798a	1.02
#00b4d8	#ef798a	1.09

Tavolozza immagini Interaction Analytics Overlay png

--color-heatmap-orange:	#f77f00;
--color-click-path-navy:	#003049;
--color-scroll-depth-aqua:	#00b4d8;
--color-overlay-grey:	#f2f2f2;
--color-user-segment-pink:	#ef798a;

$color-heatmap-orange:	#f77f00;
$color-click-path-navy:	#003049;
$color-scroll-depth-aqua:	#00b4d8;
$color-overlay-grey:	#f2f2f2;
$color-user-segment-pink:	#ef798a;

@color-heatmap-orange:	#f77f00;
@color-click-path-navy:	#003049;
@color-scroll-depth-aqua:	#00b4d8;
@color-overlay-grey:	#f2f2f2;
@color-user-segment-pink:	#ef798a;