iOS Health & Wellness UI

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

Paleta składa się z kolorów Światło, Ciemny. Kolory akcentujące Care Cream #fff1e6 i Track Aqua #a0e7e5. Paleta ma temperaturę kolorów Ciepły, Neutralny, Zimny.

Według jasności paleta rozciąga się od #121212 (najciemniejszy) do #FFF1E6 (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): #121212, #A0E7E5, #B5B5B5, #C3B1E1, #FF99AC, #FFF1E6

Paleta iOS Health & Wellness UI zawiera kombinację kolorów kodów 6:

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

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

Uproszczona wersja palety kolorów

Odcień lightpink, Cień linen, Odcień Srebro, Odcień paleturquoise, Odcień thistle, Cień Czarny

Schemat kolorów został stworzony przez colorscheme

Więcej palet z:

Kody kolorów w palecie

iOS Health & Wellness UI kody kolorów HEX, informacje RGB w tabeli

Kolor	KLĄTWA	RGB	Nazwa	alternatywne imie
#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

Kontrast palety kolorów

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

Kolor tekstu	Kolor tła	Współczynnik kontrastu
#ff99ac	#fff1e6	1.82
#ff99ac	#b5b5b5	1.01
#ff99ac	#a0e7e5	1.44
#ff99ac	#c3b1e1	1.02
#fff1e6	#b5b5b5	1.85
#fff1e6	#a0e7e5	1.26

Paleta obrazów 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;