Predictive UX Flow Toolkit

Forecast Orange
#f4a261
Cognitive Black
#212529
Interaction Cream
#ffecd1
Insight Blue
#00a8e8
Intent Violet
#7b6079

A paleta consiste em cores Luz, Escuro. Cores de destaque Interaction Cream #ffecd1 e Insight Blue #00a8e8. A paleta tem Esquentar, Legal, Neutro temperatura de cores.

Em luminosidade, a paleta vai de #212529 (mais escuro) a #FFECD1 (mais claro). A faixa de luminosidade é ampla.

A saturação global parece vívida (croma alto).

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): #00A8E8, #212529, #7B6079, #F4A261, #FFECD1

A paleta Predictive UX Flow Toolkit tem uma combinação de cores de códigos de 5:

HEX: #f4a261, RGB: (244, 162, 97); HEX: #212529, RGB: (33, 37, 41); HEX: #ffecd1, RGB: (255, 236, 209)

HEX: #00a8e8, RGB: (0, 168, 232); HEX: #7b6079, RGB: (123, 96, 121)

Versão simplificada das cores da paleta

Matiz de sandybrown, Sombra de Preto, Sombra de blanchedalmond, Matiz de deepskyblue, Sombra de dimgrey

O esquema de cores foi criado por colorday

Mais paletas com:

Códigos de cores na paleta

Predictive UX Flow Toolkit códigos de cores HEX, informações RGB na tabela

Cor	HEX	RGB	Nome	nome alternativo
#f4a261	#f4a261	RGB(244, 162, 97)	Forecast Orange	—
#212529	#212529	RGB(33, 37, 41)	Cognitive Black	—
#ffecd1	#ffecd1	RGB(255, 236, 209)	Interaction Cream	—
#00a8e8	#00a8e8	RGB(0, 168, 232)	Insight Blue	—
#7b6079	#7b6079	RGB(123, 96, 121)	Intent Violet	—

Contraste da Paleta de Cores

2 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
#f4a261	#ffecd1	1.78
#f4a261	#00a8e8	1.31

Paleta de imagens Predictive UX Flow Toolkit png

--color-forecast-orange:	#f4a261;
--color-cognitive-black:	#212529;
--color-interaction-cream:	#ffecd1;
--color-insight-blue:	#00a8e8;
--color-intent-violet:	#7b6079;

$color-forecast-orange:	#f4a261;
$color-cognitive-black:	#212529;
$color-interaction-cream:	#ffecd1;
$color-insight-blue:	#00a8e8;
$color-intent-violet:	#7b6079;

@color-forecast-orange:	#f4a261;
@color-cognitive-black:	#212529;
@color-interaction-cream:	#ffecd1;
@color-insight-blue:	#00a8e8;
@color-intent-violet:	#7b6079;