User Behavior Heatmap Set

Hotspot Red
#ff6f59
Click Gold
#fdcb6e
Move Lavender
#ddbdd5
Flow Gray
#a8a8a8
Cold Blue
#a2d2ff
Neutral White
#fdfdfd

Paleta składa się z kolorów Światło. Kolory akcentujące Hotspot Red #ff6f59 i Cold Blue #a2d2ff. Paleta ma temperaturę kolorów Ciepły, Neutralny, Zimny.

Według jasności paleta rozciąga się od #A8A8A8 (najciemniejszy) do #FDFDFD (najjaśniejszy). Zakres jasności jest umiarkowany.

Nasycenie jest mieszane — część próbek stonowana, część żywsza.

Niektóre pary barw są blisko pozycji dopełniających — można to odczytać jako kontrast dopełniający (heurystyka).

Ogólna temperatura barw przechyla się ku ciepłu.

Kody HEX (posortowane): #A2D2FF, #A8A8A8, #DDBDD5, #FDCB6E, #FDFDFD, #FF6F59

Paleta User Behavior Heatmap Set zawiera kombinację kolorów kodów 6:

KLĄTWA: #ff6f59, RGB: (255, 111, 89); KLĄTWA: #fdcb6e, RGB: (253, 203, 110); KLĄTWA: #ddbdd5, RGB: (221, 189, 213)

KLĄTWA: #a8a8a8, RGB: (168, 168, 168); KLĄTWA: #a2d2ff, RGB: (162, 210, 255); KLĄTWA: #fdfdfd, RGB: (253, 253, 253)

Uproszczona wersja palety kolorów

Cień tomato, Cień burlywood, Odcień thistle, Odcień darkgrey, Cień lightskyblue, Odcień Biały

Schemat kolorów został stworzony przez colorday

Więcej palet z:

Kody kolorów w palecie

User Behavior Heatmap Set kody kolorów HEX, informacje RGB w tabeli

Kolor	KLĄTWA	RGB	Nazwa	alternatywne imie
#ff6f59	#ff6f59	RGB(255, 111, 89)	Hotspot Red	—
#fdcb6e	#fdcb6e	RGB(253, 203, 110)	Click Gold	—
#ddbdd5	#ddbdd5	RGB(221, 189, 213)	Move Lavender	—
#a8a8a8	#a8a8a8	RGB(168, 168, 168)	Flow Gray	Uniform Grey
#a2d2ff	#a2d2ff	RGB(162, 210, 255)	Cold Blue	—
#fdfdfd	#fdfdfd	RGB(253, 253, 253)	Neutral White	Brilliance

Kontrast palety kolorów

13 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.

Kolor tekstu	Kolor tła	Współczynnik kontrastu
#ff6f59	#fdcb6e	1.81
#ff6f59	#ddbdd5	1.6
#ff6f59	#a8a8a8	1.15
#ff6f59	#a2d2ff	1.72
#fdcb6e	#ddbdd5	1.13
#fdcb6e	#a8a8a8	1.57

Paleta obrazów User Behavior Heatmap Set png

--color-hotspot-red:	#ff6f59;
--color-click-gold:	#fdcb6e;
--color-move-lavender:	#ddbdd5;
--color-flow-gray:	#a8a8a8;
--color-cold-blue:	#a2d2ff;
--color-neutral-white:	#fdfdfd;

$color-hotspot-red:	#ff6f59;
$color-click-gold:	#fdcb6e;
$color-move-lavender:	#ddbdd5;
$color-flow-gray:	#a8a8a8;
$color-cold-blue:	#a2d2ff;
$color-neutral-white:	#fdfdfd;

@color-hotspot-red:	#ff6f59;
@color-click-gold:	#fdcb6e;
@color-move-lavender:	#ddbdd5;
@color-flow-gray:	#a8a8a8;
@color-cold-blue:	#a2d2ff;
@color-neutral-white:	#fdfdfd;