Mobile ios micro-interaction motion colors

Dark Blue-Gray
#5e6ca0
Cadet Blue (Crayola)
#abb2cd
Charcoal
#313853
Glaucous
#7077ad
Cadet Blue (Crayola)
#afb6d0
Rich Black (FOGRA29)
#0c0c14

Paleta składa się z kolorów Światło, Ciemny. Kolory akcentujące Glaucous #7077ad i Cadet Blue (Crayola) #afb6d0. Paleta ma temperaturę kolorów Zimny, Neutralny.

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

Nasycenie wydaje się głównie stonowane (niska chroma).

Rozłożenie barw sugeruje głównie analogiczny zespół (heurystyka, nie sztywna reguła).

Ogólna temperatura barw przechyla się ku zimnu.

Kody HEX (posortowane): #0C0C14, #313853, #5E6CA0, #7077AD, #ABB2CD, #AFB6D0

Paleta Mobile ios micro-interaction motion colors zawiera kombinację kolorów kodów 6:

KLĄTWA: #5e6ca0, RGB: (94, 108, 160); KLĄTWA: #abb2cd, RGB: (171, 178, 205); KLĄTWA: #313853, RGB: (49, 56, 83)

KLĄTWA: #7077ad, RGB: (112, 119, 173); KLĄTWA: #afb6d0, RGB: (175, 182, 208); KLĄTWA: #0c0c14, RGB: (12, 12, 20)

Uproszczona wersja palety kolorów

Cień royalblue, Odcień lightsteelblue, Odcień darkslateblue, Odcień slategrey, Odcień lightsteelblue, Cień Czarny

Schemat kolorów został stworzony przez colorswall

Więcej palet z:

Kody kolorów w palecie

Mobile ios micro-interaction motion colors kody kolorów HEX, informacje RGB w tabeli

Kolor	KLĄTWA	RGB	Nazwa	alternatywne imie
#5e6ca0	#5e6ca0	RGB(94, 108, 160)	Dark Blue-Gray	—
#abb2cd	#abb2cd	RGB(171, 178, 205)	Cadet Blue (Crayola)	—
#313853	#313853	RGB(49, 56, 83)	Charcoal	—
#7077ad	#7077ad	RGB(112, 119, 173)	Glaucous	—
#afb6d0	#afb6d0	RGB(175, 182, 208)	Cadet Blue (Crayola)	—
#0c0c14	#0c0c14	RGB(12, 12, 20)	Rich Black (FOGRA29)	—

Kontrast palety kolorów

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

Kolor tekstu	Kolor tła	Współczynnik kontrastu
#5e6ca0	#7077ad	1.19
#abb2cd	#afb6d0	1.04
#313853	#0c0c14	1.68

Paleta obrazów Mobile ios micro-interaction motion colors png

Mobile ios micro-interaction motion colors - #190013

--color-dark-blue-gray:	#5e6ca0;
--color-cadet-blue-crayola:	#abb2cd;
--color-charcoal:	#313853;
--color-glaucous:	#7077ad;
--color-cadet-blue-crayola:	#afb6d0;
--color-rich-black-fogra29:	#0c0c14;

$color-dark-blue-gray:	#5e6ca0;
$color-cadet-blue-crayola:	#abb2cd;
$color-charcoal:	#313853;
$color-glaucous:	#7077ad;
$color-cadet-blue-crayola:	#afb6d0;
$color-rich-black-fogra29:	#0c0c14;

@color-dark-blue-gray:	#5e6ca0;
@color-cadet-blue-crayola:	#abb2cd;
@color-charcoal:	#313853;
@color-glaucous:	#7077ad;
@color-cadet-blue-crayola:	#afb6d0;
@color-rich-black-fogra29:	#0c0c14;