UX Research Data Flow Toolkit

Survey Lavender
#ce93d8
Sticky Note Yellow
#ffeb3b
Insight Coral
#ff8a65
Wire Shadow
#212121
Map Overlay Gray
#bdbdbd
User Thought Blue
#64b5f6

A paleta consiste em cores Luz, Escuro. Cores de destaque Sticky Note Yellow #ffeb3b e User Thought Blue #64b5f6. A paleta tem Legal, Esquentar, Neutro temperatura de cores.

Em luminosidade, a paleta vai de #212121 (mais escuro) a #BDBDBD (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): #212121, #64B5F6, #BDBDBD, #CE93D8, #FF8A65, #FFEB3B

A paleta UX Research Data Flow Toolkit tem uma combinação de cores de códigos de 6:

HEX: #ce93d8, RGB: (206, 147, 216); HEX: #ffeb3b, RGB: (255, 235, 59); HEX: #ff8a65, RGB: (255, 138, 101)

HEX: #212121, RGB: (33, 33, 33); HEX: #bdbdbd, RGB: (189, 189, 189); HEX: #64b5f6, RGB: (100, 181, 246)

Versão simplificada das cores da paleta

Matiz de plum, Matiz de Amarelo, Sombra de coral, Sombra de Preto, Matiz de Prata, Sombra de deepskyblue

O esquema de cores foi criado por colorscheme

Mais paletas com:

Códigos de cores na paleta

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

Cor	HEX	RGB	Nome	nome alternativo
#ce93d8	#ce93d8	RGB(206, 147, 216)	Survey Lavender	—
#ffeb3b	#ffeb3b	RGB(255, 235, 59)	Sticky Note Yellow	—
#ff8a65	#ff8a65	RGB(255, 138, 101)	Insight Coral	—
#212121	#212121	RGB(33, 33, 33)	Wire Shadow	Lead
#bdbdbd	#bdbdbd	RGB(189, 189, 189)	Map Overlay Gray	Gray74
#64b5f6	#64b5f6	RGB(100, 181, 246)	User Thought Blue	—

Contraste da Paleta de Cores

10 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
#ce93d8	#ffeb3b	1.95
#ce93d8	#ff8a65	1.03
#ce93d8	#bdbdbd	1.27
#ce93d8	#64b5f6	1.07
#ffeb3b	#ff8a65	1.89
#ffeb3b	#bdbdbd	1.53

Paleta de imagens UX Research Data Flow Toolkit png

--color-survey-lavender:	#ce93d8;
--color-sticky-note-yellow:	#ffeb3b;
--color-insight-coral:	#ff8a65;
--color-wire-shadow:	#212121;
--color-map-overlay-gray:	#bdbdbd;
--color-user-thought-blue:	#64b5f6;

$color-survey-lavender:	#ce93d8;
$color-sticky-note-yellow:	#ffeb3b;
$color-insight-coral:	#ff8a65;
$color-wire-shadow:	#212121;
$color-map-overlay-gray:	#bdbdbd;
$color-user-thought-blue:	#64b5f6;

@color-survey-lavender:	#ce93d8;
@color-sticky-note-yellow:	#ffeb3b;
@color-insight-coral:	#ff8a65;
@color-wire-shadow:	#212121;
@color-map-overlay-gray:	#bdbdbd;
@color-user-thought-blue:	#64b5f6;