Data Visualization UX System
- Bar Graph Cyan#5ce1e6
- Line Plot Magenta#f970a9
- Axis Grey#dddddd
- Chart White#fdfdfd
- Insight Yellow#fff59d
- Heatmap Ink#2e2e2e
Criado em 07/24/2025 13:31
A paleta consiste em cores Claro, Escuro. Cores de destaque Bar Graph Cyan #5ce1e6 e Insight Yellow #fff59d. A paleta tem Frio, Quente, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #2E2E2E (mais escuro) a #FDFDFD (mais claro). A faixa de luminosidade é ampla.
Saturação mista — 3 suaves e 3 vívidas em 6 cores.
Algumas cores ficam quase opostas no círculo cromático, dando à paleta um contraste complementar.
No geral, a temperatura tende para o quente (2 de 6).
Códigos HEX (ordenados): #2E2E2E, #5CE1E6, #DDDDDD, #F970A9, #FDFDFD, #FFF59D
A paleta Data Visualization UX System combina 6 códigos de cor:
HEX: #5ce1e6, RGB: (92, 225, 230); HEX: #f970a9, RGB: (249, 112, 169); HEX: #dddddd, RGB: (221, 221, 221)
HEX: #fdfdfd, RGB: (253, 253, 253); HEX: #fff59d, RGB: (255, 245, 157); HEX: #2e2e2e, RGB: (46, 46, 46)
Versão simplificada das cores da paleta
Tom claro de Turquesa-médio, Tom claro de Rosa-choque, Tom claro de Gainsboro, Tom escuro de Branco, Tom claro de Cáqui, Tom claro de Preto
O esquema de cores foi criado por hex
Códigos de cores na paleta
Data Visualization UX System códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #5ce1e6 | #5ce1e6 | RGB(92, 225, 230) | Bar Graph Cyan | — |
| #f970a9 | #f970a9 | RGB(249, 112, 169) | Line Plot Magenta | — |
| #dddddd | #dddddd | RGB(221, 221, 221) | Axis Grey | Steam |
| #fdfdfd | #fdfdfd | RGB(253, 253, 253) | Chart White | Brilliance |
| #fff59d | #fff59d | RGB(255, 245, 157) | Insight Yellow | — |
| #2e2e2e | #2e2e2e | RGB(46, 46, 46) | Heatmap Ink | Carbon Fiber |
Contraste da paleta de cores
8 pares de cores têm contraste baixo e precisam de melhorias, o que pode afetar a legibilidade.
| Cor do texto | Cor de fundo | Razão de contraste |
|---|---|---|
#5ce1e6 | #f970a9 | 1.68 |
#5ce1e6 | #dddddd | 1.15 |
#5ce1e6 | #fdfdfd | 1.54 |
#5ce1e6 | #fff59d | 1.4 |
#f970a9 | #dddddd | 1.95 |
#dddddd | #fdfdfd | 1.33 |
Paleta de imagens Data Visualization UX System png
Exportar paleta
Baixe a "Data Visualization UX System" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: