Fitness Tracker Mobile UI

Heart Red
#ef5350
Energy Green
#81c784
Pace Sky
#64b5f6
Step Black
#263238
Sleep Violet
#9575cd
Goal Sand
#fff8e1

Paleta składa się z kolorów Światło, Ciemny. Kolory akcentujące Pace Sky #64b5f6 i Goal Sand #fff8e1. Paleta ma temperaturę kolorów Ciepły, Neutralny, Zimny.

Według jasności paleta rozciąga się od #263238 (najciemniejszy) do #FFF8E1 (najjaśniejszy). Zakres jasności jest szeroki.

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 zimnu.

Kody HEX (posortowane): #263238, #64B5F6, #81C784, #9575CD, #EF5350, #FFF8E1

Paleta Fitness Tracker Mobile UI zawiera kombinację kolorów kodów 6:

KLĄTWA: #ef5350, RGB: (239, 83, 80); KLĄTWA: #81c784, RGB: (129, 199, 132); KLĄTWA: #64b5f6, RGB: (100, 181, 246)

KLĄTWA: #263238, RGB: (38, 50, 56); KLĄTWA: #9575cd, RGB: (149, 117, 205); KLĄTWA: #fff8e1, RGB: (255, 248, 225)

Uproszczona wersja palety kolorów

Cień indianred, Cień darkseagreen, Cień deepskyblue, Odcień darkslategrey, Cień mediumpurple, Cień cornsilk

Schemat kolorów został stworzony przez palettespicker

Więcej palet z:

Kody kolorów w palecie

Fitness Tracker Mobile UI kody kolorów HEX, informacje RGB w tabeli

Kolor	KLĄTWA	RGB	Nazwa	alternatywne imie
#ef5350	#ef5350	RGB(239, 83, 80)	Heart Red	—
#81c784	#81c784	RGB(129, 199, 132)	Energy Green	—
#64b5f6	#64b5f6	RGB(100, 181, 246)	Pace Sky	—
#263238	#263238	RGB(38, 50, 56)	Step Black	—
#9575cd	#9575cd	RGB(149, 117, 205)	Sleep Violet	—
#fff8e1	#fff8e1	RGB(255, 248, 225)	Goal Sand	Still Morning

Kontrast palety kolorów

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

Kolor tekstu	Kolor tła	Współczynnik kontrastu
#ef5350	#81c784	1.73
#ef5350	#64b5f6	1.57
#ef5350	#9575cd	1.05
#81c784	#64b5f6	1.1
#81c784	#9575cd	1.82
#81c784	#fff8e1	1.89

--color-heart-red:	#ef5350;
--color-energy-green:	#81c784;
--color-pace-sky:	#64b5f6;
--color-step-black:	#263238;
--color-sleep-violet:	#9575cd;
--color-goal-sand:	#fff8e1;

$color-heart-red:	#ef5350;
$color-energy-green:	#81c784;
$color-pace-sky:	#64b5f6;
$color-step-black:	#263238;
$color-sleep-violet:	#9575cd;
$color-goal-sand:	#fff8e1;

@color-heart-red:	#ef5350;
@color-energy-green:	#81c784;
@color-pace-sky:	#64b5f6;
@color-step-black:	#263238;
@color-sleep-violet:	#9575cd;
@color-goal-sand:	#fff8e1;

Fitness Tracker Mobile UI

Kody kolorów w palecie

Kontrast palety kolorów

Paleta obrazów Fitness Tracker Mobile UI png