Public ui book newsletter palette

Meat Brown
#dbc641
Moonstone Blue
#5facc5
American Purple
#371e61
Rose Quartz Pink
#af4b98
Glossy Grape
#a391ae
Army Green
#44542c

Paleta składa się z kolorów Światło, Ciemny. Kolory akcentujące Meat Brown #dbc641 i American Purple #371e61. Paleta ma temperaturę kolorów Ciepły, Zimny, Neutralny.

Według jasności paleta rozciąga się od #371E61 (najciemniejszy) do #A391AE (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): #371E61, #44542C, #5FACC5, #A391AE, #AF4B98, #DBC641

Paleta Public ui book newsletter palette zawiera kombinację kolorów kodów 6:

KLĄTWA: #dbc641, RGB: (219, 198, 65); KLĄTWA: #5facc5, RGB: (95, 172, 197); KLĄTWA: #371e61, RGB: (55, 30, 97)

KLĄTWA: #af4b98, RGB: (175, 75, 152); KLĄTWA: #a391ae, RGB: (163, 145, 174); KLĄTWA: #44542c, RGB: (68, 84, 44)

Uproszczona wersja palety kolorów

Odcień gold, Cień cadetblue, Cień midnightblue, Cień mediumvioletred, Odcień thistle, Odcień darkolivegreen

Schemat kolorów został stworzony przez colorswall

Więcej palet z:

Kody kolorów w palecie

Public ui book newsletter palette kody kolorów HEX, informacje RGB w tabeli

Kolor	KLĄTWA	RGB	Nazwa	alternatywne imie
#dbc641	#dbc641	RGB(219, 198, 65)	Meat Brown	—
#5facc5	#5facc5	RGB(95, 172, 197)	Moonstone Blue	—
#371e61	#371e61	RGB(55, 30, 97)	American Purple	—
#af4b98	#af4b98	RGB(175, 75, 152)	Rose Quartz Pink	—
#a391ae	#a391ae	RGB(163, 145, 174)	Glossy Grape	—
#44542c	#44542c	RGB(68, 84, 44)	Army Green	—

Kontrast palety kolorów

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

Kolor tekstu	Kolor tła	Współczynnik kontrastu
#dbc641	#5facc5	1.48
#dbc641	#a391ae	1.68
#5facc5	#af4b98	1.91
#5facc5	#a391ae	1.13
#371e61	#44542c	1.67
#af4b98	#a391ae	1.68

Paleta obrazów Public ui book newsletter palette png

--color-meat-brown:	#dbc641;
--color-moonstone-blue:	#5facc5;
--color-american-purple:	#371e61;
--color-rose-quartz-pink:	#af4b98;
--color-glossy-grape:	#a391ae;
--color-army-green:	#44542c;

$color-meat-brown:	#dbc641;
$color-moonstone-blue:	#5facc5;
$color-american-purple:	#371e61;
$color-rose-quartz-pink:	#af4b98;
$color-glossy-grape:	#a391ae;
$color-army-green:	#44542c;

@color-meat-brown:	#dbc641;
@color-moonstone-blue:	#5facc5;
@color-american-purple:	#371e61;
@color-rose-quartz-pink:	#af4b98;
@color-glossy-grape:	#a391ae;
@color-army-green:	#44542c;