Time Series Visual Toolkit

Timestamp Grey
#b0bec5
Trendline Orange
#ff9e00
Interval Blue
#6495ed
Seasonality Cream
#fff4dc
Anomaly Red
#ef476f
Plot White
#ffffff

A paleta consiste em cores Luz. Cores de destaque Interval Blue #6495ed e Seasonality Cream #fff4dc. A paleta tem Legal, Esquentar, Neutro temperatura de cores.

Em luminosidade, a paleta vai de #FF9E00 (mais escuro) a #FFFFFF (mais claro). A faixa de luminosidade é moderada.

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

Notas quentes e frias estão bastante equilibradas.

Códigos HEX (ordenados): #6495ED, #B0BEC5, #EF476F, #FF9E00, #FFF4DC, #FFFFFF

A paleta Time Series Visual Toolkit tem uma combinação de cores de códigos de 6:

HEX: #b0bec5, RGB: (176, 190, 197); HEX: #ff9e00, RGB: (255, 158, 0); HEX: #6495ed, RGB: (100, 149, 237)

HEX: #fff4dc, RGB: (255, 244, 220); HEX: #ef476f, RGB: (239, 71, 111); HEX: #ffffff, RGB: (255, 255, 255)

Versão simplificada das cores da paleta

Matiz de Prata, Matiz de Laranja, Sombra de papayawhip, Sombra de indianred, Branco

O esquema de cores foi criado por colorhunt

Mais paletas com:

Códigos de cores na paleta

Time Series Visual Toolkit códigos de cores HEX, informações RGB na tabela

Cor	HEX	RGB	Nome	nome alternativo
#b0bec5	#b0bec5	RGB(176, 190, 197)	Timestamp Grey	Ocean Drive
#ff9e00	#ff9e00	RGB(255, 158, 0)	Trendline Orange	—
#6495ed	#6495ed	RGB(100, 149, 237)	Interval Blue	Guilliman Blue
#fff4dc	#fff4dc	RGB(255, 244, 220)	Seasonality Cream	—
#ef476f	#ef476f	RGB(239, 71, 111)	Anomaly Red	—
#ffffff	#ffffff	RGB(255, 255, 255)	Plot White	White

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
#b0bec5	#ff9e00	1.08
#b0bec5	#6495ed	1.55
#b0bec5	#fff4dc	1.74
#b0bec5	#ef476f	1.89
#b0bec5	#ffffff	1.9
#ff9e00	#6495ed	1.43

Paleta de imagens Time Series Visual Toolkit png

--color-timestamp-grey:	#b0bec5;
--color-trendline-orange:	#ff9e00;
--color-interval-blue:	#6495ed;
--color-seasonality-cream:	#fff4dc;
--color-anomaly-red:	#ef476f;
--color-plot-white:	#ffffff;

$color-timestamp-grey:	#b0bec5;
$color-trendline-orange:	#ff9e00;
$color-interval-blue:	#6495ed;
$color-seasonality-cream:	#fff4dc;
$color-anomaly-red:	#ef476f;
$color-plot-white:	#ffffff;

@color-timestamp-grey:	#b0bec5;
@color-trendline-orange:	#ff9e00;
@color-interval-blue:	#6495ed;
@color-seasonality-cream:	#fff4dc;
@color-anomaly-red:	#ef476f;
@color-plot-white:	#ffffff;