iOS Health & Wellness UI

Vital Pink
#ff99ac
Care Cream
#fff1e6
Metric Gray
#b5b5b5
Track Aqua
#a0e7e5
Mood Lavender
#c3b1e1
Dark Mode Text
#121212

La tavolozza è composta da Leggero, Buio colori. Colori accentati Care Cream #fff1e6 e Track Aqua #a0e7e5. La tavolozza ha la temperatura del colore Caldo, Neutro, Freddo.

Per luminosità, la tavolozza va da #121212 (più scuro) a #FFF1E6 (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): #121212, #A0E7E5, #B5B5B5, #C3B1E1, #FF99AC, #FFF1E6

La tavolozza iOS Health & Wellness UI ha una combinazione di colori dei codici 6:

ESADECIMALE: #ff99ac, RGB: (255, 153, 172); ESADECIMALE: #fff1e6, RGB: (255, 241, 230); ESADECIMALE: #b5b5b5, RGB: (181, 181, 181)

ESADECIMALE: #a0e7e5, RGB: (160, 231, 229); ESADECIMALE: #c3b1e1, RGB: (195, 177, 225); ESADECIMALE: #121212, RGB: (18, 18, 18)

Versione semplificata della tavolozza dei colori

Tonalità di lightpink, Ombra di linen, Tonalità di Argento, Tonalità di paleturquoise, Tonalità di thistle, Ombra di Nero

La combinazione di colori è stata creata da colorscheme

Altre tavolozze con:

Codici colori nella tavolozza

iOS Health & Wellness UI codici colore HEX, informazioni RGB in tabella

Colore	ESADECIMALE	RGB	Nome	Nome alternativo
#ff99ac	#ff99ac	RGB(255, 153, 172)	Vital Pink	—
#fff1e6	#fff1e6	RGB(255, 241, 230)	Care Cream	—
#b5b5b5	#b5b5b5	RGB(181, 181, 181)	Metric Gray	Brainstem Grey
#a0e7e5	#a0e7e5	RGB(160, 231, 229)	Track Aqua	—
#c3b1e1	#c3b1e1	RGB(195, 177, 225)	Mood Lavender	—
#121212	#121212	RGB(18, 18, 18)	Dark Mode Text	Dark Tone Ink

Contrasto della palette di colori

10 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
#ff99ac	#fff1e6	1.82
#ff99ac	#b5b5b5	1.01
#ff99ac	#a0e7e5	1.44
#ff99ac	#c3b1e1	1.02
#fff1e6	#b5b5b5	1.85
#fff1e6	#a0e7e5	1.26

Tavolozza immagini iOS Health & Wellness UI png

--color-vital-pink:	#ff99ac;
--color-care-cream:	#fff1e6;
--color-metric-gray:	#b5b5b5;
--color-track-aqua:	#a0e7e5;
--color-mood-lavender:	#c3b1e1;
--color-dark-mode-text:	#121212;

$color-vital-pink:	#ff99ac;
$color-care-cream:	#fff1e6;
$color-metric-gray:	#b5b5b5;
$color-track-aqua:	#a0e7e5;
$color-mood-lavender:	#c3b1e1;
$color-dark-mode-text:	#121212;

@color-vital-pink:	#ff99ac;
@color-care-cream:	#fff1e6;
@color-metric-gray:	#b5b5b5;
@color-track-aqua:	#a0e7e5;
@color-mood-lavender:	#c3b1e1;
@color-dark-mode-text:	#121212;