UX Pattern Recognition Engine

Figma Lavender
#b39cd0
Neural Dust
#e0dfd5
Wireframe Sky
#c7e9f1
Clickstream Slate
#4f5d75
Layer Aqua
#a8dadc
Prototype Signal Red
#e63946

Paleta składa się z kolorów Światło, Półciemny. Kolory akcentujące Wireframe Sky #c7e9f1 i Prototype Signal Red #e63946. Paleta ma temperaturę kolorów Zimny, Neutralny, Ciepły.

Według jasności paleta rozciąga się od #4F5D75 (najciemniejszy) do #C7E9F1 (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): #4F5D75, #A8DADC, #B39CD0, #C7E9F1, #E0DFD5, #E63946

Paleta UX Pattern Recognition Engine zawiera kombinację kolorów kodów 6:

KLĄTWA: #b39cd0, RGB: (179, 156, 208); KLĄTWA: #e0dfd5, RGB: (224, 223, 213); KLĄTWA: #c7e9f1, RGB: (199, 233, 241)

KLĄTWA: #4f5d75, RGB: (79, 93, 117); KLĄTWA: #a8dadc, RGB: (168, 218, 220); KLĄTWA: #e63946, RGB: (230, 57, 70)

Uproszczona wersja palety kolorów

Odcień plum, Cień gainsboro, Cień lightblue, Odcień dimgrey, Odcień powderblue, Cień crimson

Schemat kolorów został stworzony przez colourlock

Więcej palet z:

Kody kolorów w palecie

UX Pattern Recognition Engine kody kolorów HEX, informacje RGB w tabeli

Kolor	KLĄTWA	RGB	Nazwa	alternatywne imie
#b39cd0	#b39cd0	RGB(179, 156, 208)	Figma Lavender	—
#e0dfd5	#e0dfd5	RGB(224, 223, 213)	Neural Dust	—
#c7e9f1	#c7e9f1	RGB(199, 233, 241)	Wireframe Sky	—
#4f5d75	#4f5d75	RGB(79, 93, 117)	Clickstream Slate	—
#a8dadc	#a8dadc	RGB(168, 218, 220)	Layer Aqua	—
#e63946	#e63946	RGB(230, 57, 70)	Prototype Signal Red	—

Kontrast palety kolorów

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

Kolor tekstu	Kolor tła	Współczynnik kontrastu
#b39cd0	#e0dfd5	1.82
#b39cd0	#c7e9f1	1.9
#b39cd0	#a8dadc	1.59
#b39cd0	#e63946	1.7
#e0dfd5	#c7e9f1	1.04
#e0dfd5	#a8dadc	1.14

Paleta obrazów UX Pattern Recognition Engine png

--color-figma-lavender:	#b39cd0;
--color-neural-dust:	#e0dfd5;
--color-wireframe-sky:	#c7e9f1;
--color-clickstream-slate:	#4f5d75;
--color-layer-aqua:	#a8dadc;
--color-prototype-signal-red:	#e63946;

$color-figma-lavender:	#b39cd0;
$color-neural-dust:	#e0dfd5;
$color-wireframe-sky:	#c7e9f1;
$color-clickstream-slate:	#4f5d75;
$color-layer-aqua:	#a8dadc;
$color-prototype-signal-red:	#e63946;

@color-figma-lavender:	#b39cd0;
@color-neural-dust:	#e0dfd5;
@color-wireframe-sky:	#c7e9f1;
@color-clickstream-slate:	#4f5d75;
@color-layer-aqua:	#a8dadc;
@color-prototype-signal-red:	#e63946;