UX Pattern Recognition Engine

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

A paleta consiste em cores Luz, Semi escuro. Cores de destaque Wireframe Sky #c7e9f1 e Prototype Signal Red #e63946. A paleta tem Legal, Neutro, Esquentar temperatura de cores.

Em luminosidade, a paleta vai de #4F5D75 (mais escuro) a #C7E9F1 (mais claro). A faixa de luminosidade é moderada.

Saturação mista — tons suaves e acentos mais vivos.

Alguns pares de matizes estão perto de posições complementares — pode ler-se como contraste complementar (heurística).

No geral, a temperatura tende para o frio.

Códigos HEX (ordenados): #4F5D75, #A8DADC, #B39CD0, #C7E9F1, #E0DFD5, #E63946

A paleta UX Pattern Recognition Engine tem uma combinação de cores de códigos de 6:

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

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

Versão simplificada das cores da paleta

Matiz de plum, Sombra de gainsboro, Sombra de lightblue, Matiz de dimgrey, Matiz de powderblue, Sombra de crimson

O esquema de cores foi criado por colourlock

Mais paletas com:

Códigos de cores na paleta

UX Pattern Recognition Engine códigos de cores HEX, informações RGB na tabela

Cor	HEX	RGB	Nome	nome alternativo
#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	—

Contraste da Paleta de Cores

8 pares de cores têm contraste baixo e precisam de melhorias, o que pode afetar a legibilidade.

Cor do texto	Cor de fundo	Taxa de contraste
#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 de imagens 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;