Predictive UX Flow for SaaS Tools

Signal Rose
#fca3b7
Path Blue
#79b4f9
Trigger Gray
#ececec
Flowmap Forest
#2a6041
Retention Gold
#ffc857
Insight Black
#121212

A paleta consiste em cores Luz, Semi escuro, Escuro. Cores de destaque Path Blue #79b4f9 e Retention Gold #ffc857. A paleta tem Esquentar, Legal, Neutro temperatura de cores.

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

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).

Notas quentes e frias estão bastante equilibradas.

Códigos HEX (ordenados): #121212, #2A6041, #79B4F9, #ECECEC, #FCA3B7, #FFC857

A paleta Predictive UX Flow for SaaS Tools tem uma combinação de cores de códigos de 6:

HEX: #fca3b7, RGB: (252, 163, 183); HEX: #79b4f9, RGB: (121, 180, 249); HEX: #ececec, RGB: (236, 236, 236)

HEX: #2a6041, RGB: (42, 96, 65); HEX: #ffc857, RGB: (255, 200, 87); HEX: #121212, RGB: (18, 18, 18)

Versão simplificada das cores da paleta

Matiz de lightpink, Sombra de cornflowerblue, Matiz de whitesmoke, Matiz de darkolivegreen, Sombra de gold, Sombra de Preto

O esquema de cores foi criado por colorscheme

Mais paletas com:

Códigos de cores na paleta

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

Cor	HEX	RGB	Nome	nome alternativo
#fca3b7	#fca3b7	RGB(252, 163, 183)	Signal Rose	—
#79b4f9	#79b4f9	RGB(121, 180, 249)	Path Blue	—
#ececec	#ececec	RGB(236, 236, 236)	Trigger Gray	—
#2a6041	#2a6041	RGB(42, 96, 65)	Flowmap Forest	—
#ffc857	#ffc857	RGB(255, 200, 87)	Retention Gold	—
#121212	#121212	RGB(18, 18, 18)	Insight Black	Dark Tone Ink

Contraste da Paleta de Cores

6 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
#fca3b7	#79b4f9	1.13
#fca3b7	#ececec	1.6
#fca3b7	#ffc857	1.23
#79b4f9	#ececec	1.83
#79b4f9	#ffc857	1.4
#ececec	#ffc857	1.3

Paleta de imagens Predictive UX Flow for SaaS Tools png

Predictive UX Flow for SaaS Tools - #556262

--color-signal-rose:	#fca3b7;
--color-path-blue:	#79b4f9;
--color-trigger-gray:	#ececec;
--color-flowmap-forest:	#2a6041;
--color-retention-gold:	#ffc857;
--color-insight-black:	#121212;

$color-signal-rose:	#fca3b7;
$color-path-blue:	#79b4f9;
$color-trigger-gray:	#ececec;
$color-flowmap-forest:	#2a6041;
$color-retention-gold:	#ffc857;
$color-insight-black:	#121212;

@color-signal-rose:	#fca3b7;
@color-path-blue:	#79b4f9;
@color-trigger-gray:	#ececec;
@color-flowmap-forest:	#2a6041;
@color-retention-gold:	#ffc857;
@color-insight-black:	#121212;