Ui design colors palette

Brilliant Azure
#3c97f2
Maya Blue
#74d4fc
Japanese Indigo
#1c3f54
Philippine Gray
#8c8c8d
Gray
#bbbcbc
Police Blue
#355768

Paleta składa się z kolorów Światło, Półciemny. Kolory akcentujące Brilliant Azure #3c97f2 i Maya Blue #74d4fc. Paleta ma temperaturę kolorów Zimny, Neutralny.

Według jasności paleta rozciąga się od #1C3F54 (najciemniejszy) do #BBBCBC (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): #1C3F54, #355768, #3C97F2, #74D4FC, #8C8C8D, #BBBCBC

Paleta Ui design colors palette zawiera kombinację kolorów kodów 6:

KLĄTWA: #3c97f2, RGB: (60, 151, 242); KLĄTWA: #74d4fc, RGB: (116, 212, 252); KLĄTWA: #1c3f54, RGB: (28, 63, 84)

KLĄTWA: #8c8c8d, RGB: (140, 140, 141); KLĄTWA: #bbbcbc, RGB: (187, 188, 188); KLĄTWA: #355768, RGB: (53, 87, 104)

Uproszczona wersja palety kolorów

Cień dodgerblue, Odcień skyblue, Odcień darkslategrey, Cień Szary, Odcień Srebro, Cień darkslategrey

Schemat kolorów został stworzony przez colorswall

Więcej palet z:

Kody kolorów w palecie

Ui design colors palette kody kolorów HEX, informacje RGB w tabeli

Kolor	KLĄTWA	RGB	Nazwa	alternatywne imie
#3c97f2	#3c97f2	RGB(60, 151, 242)	Brilliant Azure	—
#74d4fc	#74d4fc	RGB(116, 212, 252)	Maya Blue	—
#1c3f54	#1c3f54	RGB(28, 63, 84)	Japanese Indigo	—
#8c8c8d	#8c8c8d	RGB(140, 140, 141)	Philippine Gray	—
#bbbcbc	#bbbcbc	RGB(187, 188, 188)	Gray	Dust to Dust
#355768	#355768	RGB(53, 87, 104)	Police Blue	—

Kontrast palety kolorów

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

Kolor tekstu	Kolor tła	Współczynnik kontrastu
#3c97f2	#74d4fc	1.82
#3c97f2	#8c8c8d	1.1
#3c97f2	#bbbcbc	1.59
#74d4fc	#bbbcbc	1.13
#1c3f54	#355768	1.43
#8c8c8d	#bbbcbc	1.76

Paleta obrazów Ui design colors palette png

--color-brilliant-azure:	#3c97f2;
--color-maya-blue:	#74d4fc;
--color-japanese-indigo:	#1c3f54;
--color-philippine-gray:	#8c8c8d;
--color-gray:	#bbbcbc;
--color-police-blue:	#355768;

$color-brilliant-azure:	#3c97f2;
$color-maya-blue:	#74d4fc;
$color-japanese-indigo:	#1c3f54;
$color-philippine-gray:	#8c8c8d;
$color-gray:	#bbbcbc;
$color-police-blue:	#355768;

@color-brilliant-azure:	#3c97f2;
@color-maya-blue:	#74d4fc;
@color-japanese-indigo:	#1c3f54;
@color-philippine-gray:	#8c8c8d;
@color-gray:	#bbbcbc;
@color-police-blue:	#355768;

Ui design colors palette

Kody kolorów w palecie

Kontrast palety kolorów

Paleta obrazów Ui design colors palette png

Powiązane palety kolorów