Interaction illustration interface ui hex colors

Spanish Yellow
#fcb314
Orange-Yellow (Crayola)
#fccc64
French Blue
#0c72bc
Rackley
#5688a8
Ceil
#9a9ac8
American Blue
#353c74

Paleta składa się z kolorów Światło, Półciemny. Kolory akcentujące Spanish Yellow #fcb314 i French Blue #0c72bc. Paleta ma temperaturę kolorów Ciepły, Zimny.

Według jasności paleta rozciąga się od #353C74 (najciemniejszy) do #9A9AC8 (najjaśniejszy). Zakres jasności jest umiarkowany.

Nasycenie leży w średnim zakresie.

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): #0C72BC, #353C74, #5688A8, #9A9AC8, #FCB314, #FCCC64

Paleta Interaction illustration interface ui hex colors zawiera kombinację kolorów kodów 6:

KLĄTWA: #fcb314, RGB: (252, 179, 20); KLĄTWA: #fccc64, RGB: (252, 204, 100); KLĄTWA: #0c72bc, RGB: (12, 114, 188)

KLĄTWA: #5688a8, RGB: (86, 136, 168); KLĄTWA: #9a9ac8, RGB: (154, 154, 200); KLĄTWA: #353c74, RGB: (53, 60, 116)

Uproszczona wersja palety kolorów

Cień Pomarańczowy, Cień gold, Odcień steelblue, Cień steelblue, Odcień lightsteelblue, Odcień darkslateblue

Schemat kolorów został stworzony przez colorswall

Więcej palet z:

Kody kolorów w palecie

Interaction illustration interface ui hex colors kody kolorów HEX, informacje RGB w tabeli

Kolor	KLĄTWA	RGB	Nazwa	alternatywne imie
#fcb314	#fcb314	RGB(252, 179, 20)	Spanish Yellow	—
#fccc64	#fccc64	RGB(252, 204, 100)	Orange-Yellow (Crayola)	—
#0c72bc	#0c72bc	RGB(12, 114, 188)	French Blue	—
#5688a8	#5688a8	RGB(86, 136, 168)	Rackley	—
#9a9ac8	#9a9ac8	RGB(154, 154, 200)	Ceil	—
#353c74	#353c74	RGB(53, 60, 116)	American 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
#fcb314	#fccc64	1.2
#fcb314	#9a9ac8	1.48
#fccc64	#9a9ac8	1.78
#0c72bc	#5688a8	1.32
#0c72bc	#9a9ac8	1.88
#5688a8	#9a9ac8	1.42

Paleta obrazów Interaction illustration interface ui hex colors png

Interaction illustration interface ui hex colors - #201430

--color-spanish-yellow:	#fcb314;
--color-orange-yellow-crayola:	#fccc64;
--color-french-blue:	#0c72bc;
--color-rackley:	#5688a8;
--color-ceil:	#9a9ac8;
--color-american-blue:	#353c74;

$color-spanish-yellow:	#fcb314;
$color-orange-yellow-crayola:	#fccc64;
$color-french-blue:	#0c72bc;
$color-rackley:	#5688a8;
$color-ceil:	#9a9ac8;
$color-american-blue:	#353c74;

@color-spanish-yellow:	#fcb314;
@color-orange-yellow-crayola:	#fccc64;
@color-french-blue:	#0c72bc;
@color-rackley:	#5688a8;
@color-ceil:	#9a9ac8;
@color-american-blue:	#353c74;