Goal setting uichallenge ui design

Gargoyle Gas
#f9dc3e
Aquamarine
#7bfcd4
Japanese Indigo
#293956
Russian Green
#69a357
Laurel Green
#aacd9d
Deep Moss Green
#3d6138

Paleta składa się z kolorów Światło, Półciemny. Kolory akcentujące Gargoyle Gas #f9dc3e i Aquamarine #7bfcd4. Paleta ma temperaturę kolorów Ciepły, Zimny, Neutralny.

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

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): #293956, #3D6138, #69A357, #7BFCD4, #AACD9D, #F9DC3E

Paleta Goal setting uichallenge ui design zawiera kombinację kolorów kodów 6:

KLĄTWA: #f9dc3e, RGB: (249, 220, 62); KLĄTWA: #7bfcd4, RGB: (123, 252, 212); KLĄTWA: #293956, RGB: (41, 57, 86)

KLĄTWA: #69a357, RGB: (105, 163, 87); KLĄTWA: #aacd9d, RGB: (170, 205, 157); KLĄTWA: #3d6138, RGB: (61, 97, 56)

Uproszczona wersja palety kolorów

Cień gold, Odcień aquamarine, Odcień darkslateblue, Cień mediumseagreen, Cień darkseagreen, Odcień darkolivegreen

Schemat kolorów został stworzony przez colorswall

Więcej palet z:

Kody kolorów w palecie

Goal setting uichallenge ui design kody kolorów HEX, informacje RGB w tabeli

Kolor	KLĄTWA	RGB	Nazwa	alternatywne imie
#f9dc3e	#f9dc3e	RGB(249, 220, 62)	Gargoyle Gas	—
#7bfcd4	#7bfcd4	RGB(123, 252, 212)	Aquamarine	—
#293956	#293956	RGB(41, 57, 86)	Japanese Indigo	—
#69a357	#69a357	RGB(105, 163, 87)	Russian Green	—
#aacd9d	#aacd9d	RGB(170, 205, 157)	Laurel Green	—
#3d6138	#3d6138	RGB(61, 97, 56)	Deep Moss Green	—

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
#f9dc3e	#7bfcd4	1.09
#f9dc3e	#aacd9d	1.28
#7bfcd4	#aacd9d	1.4
#293956	#3d6138	1.63
#69a357	#aacd9d	1.7

Paleta obrazów Goal setting uichallenge ui design png

Goal setting uichallenge ui design - #184136

--color-gargoyle-gas:	#f9dc3e;
--color-aquamarine:	#7bfcd4;
--color-japanese-indigo:	#293956;
--color-russian-green:	#69a357;
--color-laurel-green:	#aacd9d;
--color-deep-moss-green:	#3d6138;

$color-gargoyle-gas:	#f9dc3e;
$color-aquamarine:	#7bfcd4;
$color-japanese-indigo:	#293956;
$color-russian-green:	#69a357;
$color-laurel-green:	#aacd9d;
$color-deep-moss-green:	#3d6138;

@color-gargoyle-gas:	#f9dc3e;
@color-aquamarine:	#7bfcd4;
@color-japanese-indigo:	#293956;
@color-russian-green:	#69a357;
@color-laurel-green:	#aacd9d;
@color-deep-moss-green:	#3d6138;