Paletas de cores para visualização de dados
Gere uma paleta de cores para gráficos que continua legível para todo mundo. Os conjuntos categóricos maximizam a menor diferença na visão normal, na protanopia, na deuteranopia e na tritanopia. As escalas sequenciais e divergentes são uniformes em OKLab, e a luminosidade faz a ordenação.
Como criar uma paleta de cores para gráficos
- Escolha o tipo de paleta: categórica para grupos sem ordem, sequencial para valores de baixo a alto ou divergente para valores em torno de um ponto médio.
- Defina quantas cores você precisa, de 2 a 12 para categórica e de 3 a 11 para sequencial e divergente, e se o fundo do gráfico é claro ou escuro.
- Se quiser, adicione até três cores da marca ou cores de partida. Uma paleta categórica mantém as suas cores e escolhe as demais para ficarem distantes delas.
- Confira as prévias de gráficos ao vivo e as visões de daltonismo, depois exporte as cores como código D3, Vega-Lite, Matplotlib, ECharts ou ggplot2, ou como JavaScript, variáveis CSS ou Tailwind v4.
O que você pode fazer
Categorias seguras para daltônicos
As cores categóricas são escolhidas para continuarem distinguíveis ao mesmo tempo na visão normal, na protanopia, na deuteranopia e na tritanopia.
Escalas sequenciais e divergentes uniformes
A luminosidade segue em uma só direção ao longo de uma escala sequencial, e uma escala divergente é simétrica em torno de um ponto médio neutro.
Contraste com o seu fundo
As cores categóricas mantêm contraste de 3:1 com o fundo do gráfico, o mínimo da WCAG para objetos gráficos.
Prévias de gráficos ao vivo
Veja gráficos de barras, linhas, dispersão, rosca, área, mapa de calor e mapa de blocos desenhados nas suas cores.
Avisos
A página aponta cores difíceis de distinguir, escalas irregulares e cores com pouco contraste.
Exportação para bibliotecas de gráficos
Copie código pronto para D3, Vega-Lite, Matplotlib, ECharts e ggplot2 do R, ou apenas os valores hex.
Perguntas frequentes
O que é uma paleta de cores para visualização de dados?
Um conjunto de cores escolhido para gráficos, e não para decoração. Os três tipos são as paletas categóricas, para grupos distintos, as paletas sequenciais, para valores ordenados, e as paletas divergentes, para valores que se afastam de um ponto médio em duas direções.
Quantas cores usar em um gráfico?
Para dados categóricos, mantenha em cerca de oito ou menos. Acima de oito, as diferenças ficam pequenas, principalmente para quem tem daltonismo, então considere rótulos diretos ou agrupar algumas categorias.
Como fazer uma paleta de cores para gráficos acessível a daltônicos?
Escolha cores que diferem em luminosidade e também em matiz, e teste-as em protanopia, deuteranopia e tritanopia. Este gerador maximiza a menor diferença entre quaisquer duas cores nessas visões e mostra cada uma delas. Sempre que puder, adicione rótulos ou padrões.
Devo usar uma paleta sequencial ou divergente?
Use a sequencial para valores que vão de baixo a alto, como contagens ou taxas. Use a divergente quando os valores têm um meio com significado e vão em duas direções, como variação, desvio ou sentimento.
Posso usar essas cores no D3, Matplotlib ou ggplot2?
Sim. O painel de exportação gera código para D3, Vega-Lite, Matplotlib, ECharts e ggplot2 do R, além de um array JavaScript, variáveis CSS e um tema Tailwind v4.