Sketch trip arrive ux colors

Maya Blue
#5ecdfb
Blizzard Blue
#b4dcf4
St. Patrick's Blue
#162c7d
Blue-Violet (Crayola)
#6c64ae
Pale Cerulean
#9cc4d4
Deep Space Sparkle
#4b5b63

Paleta składa się z kolorów Światło, Ciemny, Półciemny. Kolory akcentujące Maya Blue #5ecdfb i Blizzard Blue #b4dcf4. Paleta ma temperaturę kolorów Zimny.

Według jasności paleta rozciąga się od #162C7D (najciemniejszy) do #B4DCF4 (najjaśniejszy). Zakres jasności jest umiarkowany.

Nasycenie jest mieszane — część próbek stonowana, część żywsza.

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): #162C7D, #4B5B63, #5ECDFB, #6C64AE, #9CC4D4, #B4DCF4

Paleta Sketch trip arrive ux colors zawiera kombinację kolorów kodów 6:

KLĄTWA: #5ecdfb, RGB: (94, 205, 251); KLĄTWA: #b4dcf4, RGB: (180, 220, 244); KLĄTWA: #162c7d, RGB: (22, 44, 125)

KLĄTWA: #6c64ae, RGB: (108, 100, 174); KLĄTWA: #9cc4d4, RGB: (156, 196, 212); KLĄTWA: #4b5b63, RGB: (75, 91, 99)

Uproszczona wersja palety kolorów

Odcień lightskyblue, Cień lightblue, Cień midnightblue, Cień slateblue, Odcień lightblue, Odcień dimgrey

Schemat kolorów został stworzony przez bad_colors

Więcej palet z:

Niebieski Szary

Kody kolorów w palecie

Sketch trip arrive ux colors kody kolorów HEX, informacje RGB w tabeli

Kolor	KLĄTWA	RGB	Nazwa	alternatywne imie
#5ecdfb	#5ecdfb	RGB(94, 205, 251)	Maya Blue	—
#b4dcf4	#b4dcf4	RGB(180, 220, 244)	Blizzard Blue	—
#162c7d	#162c7d	RGB(22, 44, 125)	St. Patrick's Blue	—
#6c64ae	#6c64ae	RGB(108, 100, 174)	Blue-Violet (Crayola)	—
#9cc4d4	#9cc4d4	RGB(156, 196, 212)	Pale Cerulean	—
#4b5b63	#4b5b63	RGB(75, 91, 99)	Deep Space Sparkle	—

Kontrast palety kolorów

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

Kolor tekstu	Kolor tła	Współczynnik kontrastu
#5ecdfb	#b4dcf4	1.24
#5ecdfb	#9cc4d4	1.03
#b4dcf4	#9cc4d4	1.28
#162c7d	#4b5b63	1.76
#6c64ae	#4b5b63	1.36

Paleta obrazów Sketch trip arrive ux colors png

--color-maya-blue:	#5ecdfb;
--color-blizzard-blue:	#b4dcf4;
--color-st-patricks-blue:	#162c7d;
--color-blue-violet-crayola:	#6c64ae;
--color-pale-cerulean:	#9cc4d4;
--color-deep-space-sparkle:	#4b5b63;

$color-maya-blue:	#5ecdfb;
$color-blizzard-blue:	#b4dcf4;
$color-st-patricks-blue:	#162c7d;
$color-blue-violet-crayola:	#6c64ae;
$color-pale-cerulean:	#9cc4d4;
$color-deep-space-sparkle:	#4b5b63;

@color-maya-blue:	#5ecdfb;
@color-blizzard-blue:	#b4dcf4;
@color-st-patricks-blue:	#162c7d;
@color-blue-violet-crayola:	#6c64ae;
@color-pale-cerulean:	#9cc4d4;
@color-deep-space-sparkle:	#4b5b63;