Currency 3d ux web

True Blue
#0470d4
Coral Reef
#f6796c
Dark Cerulean
#024482
Dim Gray
#666475
Silver Pink
#cfafb1
Jacarta
#413a5d

Paleta składa się z kolorów Półciemny, Światło. Kolory akcentujące Coral Reef #f6796c i Dark Cerulean #024482. Paleta ma temperaturę kolorów Zimny, Ciepły, Neutralny.

Według jasności paleta rozciąga się od #024482 (najciemniejszy) do #CFAFB1 (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): #024482, #0470D4, #413A5D, #666475, #CFAFB1, #F6796C

Paleta Currency 3d ux web zawiera kombinację kolorów kodów 6:

KLĄTWA: #0470d4, RGB: (4, 112, 212); KLĄTWA: #f6796c, RGB: (246, 121, 108); KLĄTWA: #024482, RGB: (2, 68, 130)

KLĄTWA: #666475, RGB: (102, 100, 117); KLĄTWA: #cfafb1, RGB: (207, 175, 177); KLĄTWA: #413a5d, RGB: (65, 58, 93)

Uproszczona wersja palety kolorów

Odcień royalblue, Odcień salmon, Odcień darkslateblue, Odcień dimgrey, Cień rosybrown, Odcień darkslateblue

Schemat kolorów został stworzony przez hex

Więcej palet z:

Kody kolorów w palecie

Currency 3d ux web kody kolorów HEX, informacje RGB w tabeli

Kolor	KLĄTWA	RGB	Nazwa	alternatywne imie
#0470d4	#0470d4	RGB(4, 112, 212)	True Blue	—
#f6796c	#f6796c	RGB(246, 121, 108)	Coral Reef	—
#024482	#024482	RGB(2, 68, 130)	Dark Cerulean	—
#666475	#666475	RGB(102, 100, 117)	Dim Gray	—
#cfafb1	#cfafb1	RGB(207, 175, 177)	Silver Pink	—
#413a5d	#413a5d	RGB(65, 58, 93)	Jacarta	—

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
#0470d4	#f6796c	1.84
#0470d4	#024482	1.98
#0470d4	#666475	1.17
#f6796c	#cfafb1	1.32
#024482	#666475	1.69
#024482	#413a5d	1.08

Paleta obrazów Currency 3d ux web png

--color-true-blue:	#0470d4;
--color-coral-reef:	#f6796c;
--color-dark-cerulean:	#024482;
--color-dim-gray:	#666475;
--color-silver-pink:	#cfafb1;
--color-jacarta:	#413a5d;

$color-true-blue:	#0470d4;
$color-coral-reef:	#f6796c;
$color-dark-cerulean:	#024482;
$color-dim-gray:	#666475;
$color-silver-pink:	#cfafb1;
$color-jacarta:	#413a5d;

@color-true-blue:	#0470d4;
@color-coral-reef:	#f6796c;
@color-dark-cerulean:	#024482;
@color-dim-gray:	#666475;
@color-silver-pink:	#cfafb1;
@color-jacarta:	#413a5d;