Mobile-Optimized Health Tracker UI

Pulse Cherry
#ff7c82
Step Count Sky
#a1d9ff
Rest Mode Linen
#fcf8f3
Calorie Yellow Pop
#ffe07a
Water Intake Mint
#b8f5dc
Sleep Graphite
#2c2c2c

La tavolozza è composta da Leggero, Buio colori. Colori accentati Step Count Sky #a1d9ff e Calorie Yellow Pop #ffe07a. La tavolozza ha la temperatura del colore Caldo, Freddo, Neutro.

Per luminosità, la tavolozza va da #2C2C2C (più scuro) a #FCF8F3 (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): #2C2C2C, #A1D9FF, #B8F5DC, #FCF8F3, #FF7C82, #FFE07A

La tavolozza Mobile-Optimized Health Tracker UI ha una combinazione di colori dei codici 6:

ESADECIMALE: #ff7c82, RGB: (255, 124, 130); ESADECIMALE: #a1d9ff, RGB: (161, 217, 255); ESADECIMALE: #fcf8f3, RGB: (252, 248, 243)

ESADECIMALE: #ffe07a, RGB: (255, 224, 122); ESADECIMALE: #b8f5dc, RGB: (184, 245, 220); ESADECIMALE: #2c2c2c, RGB: (44, 44, 44)

Versione semplificata della tavolozza dei colori

Ombra di lightcoral, Ombra di lightskyblue, Tonalità di floralwhite, Tonalità di Cachi, Ombra di aquamarine, Ombra di Nero

La combinazione di colori è stata creata da colourlock

Altre tavolozze con:

Codici colori nella tavolozza

Mobile-Optimized Health Tracker UI codici colore HEX, informazioni RGB in tabella

Colore	ESADECIMALE	RGB	Nome	Nome alternativo
#ff7c82	#ff7c82	RGB(255, 124, 130)	Pulse Cherry	—
#a1d9ff	#a1d9ff	RGB(161, 217, 255)	Step Count Sky	—
#fcf8f3	#fcf8f3	RGB(252, 248, 243)	Rest Mode Linen	—
#ffe07a	#ffe07a	RGB(255, 224, 122)	Calorie Yellow Pop	—
#b8f5dc	#b8f5dc	RGB(184, 245, 220)	Water Intake Mint	—
#2c2c2c	#2c2c2c	RGB(44, 44, 44)	Sleep Graphite	—

Contrasto della palette di colori

8 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
#ff7c82	#a1d9ff	1.64
#ff7c82	#ffe07a	1.91
#a1d9ff	#fcf8f3	1.43
#a1d9ff	#ffe07a	1.16
#a1d9ff	#b8f5dc	1.23
#fcf8f3	#ffe07a	1.22

--color-pulse-cherry:	#ff7c82;
--color-step-count-sky:	#a1d9ff;
--color-rest-mode-linen:	#fcf8f3;
--color-calorie-yellow-pop:	#ffe07a;
--color-water-intake-mint:	#b8f5dc;
--color-sleep-graphite:	#2c2c2c;

$color-pulse-cherry:	#ff7c82;
$color-step-count-sky:	#a1d9ff;
$color-rest-mode-linen:	#fcf8f3;
$color-calorie-yellow-pop:	#ffe07a;
$color-water-intake-mint:	#b8f5dc;
$color-sleep-graphite:	#2c2c2c;

@color-pulse-cherry:	#ff7c82;
@color-step-count-sky:	#a1d9ff;
@color-rest-mode-linen:	#fcf8f3;
@color-calorie-yellow-pop:	#ffe07a;
@color-water-intake-mint:	#b8f5dc;
@color-sleep-graphite:	#2c2c2c;

Mobile-Optimized Health Tracker UI

Codici colori nella tavolozza

Contrasto della palette di colori

Tavolozza immagini Mobile-Optimized Health Tracker UI png