Topology Data Structure Graph Mapper UI Scheme
- Node Blue#3b82f6
- Edge Gray#6b7280
- Cluster Green#22c55e
- Bridge Purple#7c3aed
- Weight Orange#fb923c
- Background White#ffffff
- Text Black#020617
Criado em 03/30/2026 11:54
A paleta consiste em cores Claro, Semi escuro, Escuro. Cores de destaque Node Blue #3b82f6 e Weight Orange #fb923c. A paleta tem Frio, Neutro, Quente temperatura de cores.
Em luminosidade, a paleta vai de #020617 (mais escuro) a #FFFFFF (mais claro). A faixa de luminosidade é ampla.
A saturação global parece vívida (croma alto) — 71% das cores são vívidas.
Algumas cores ficam quase opostas no círculo cromático, dando à paleta um contraste complementar.
No geral, a temperatura tende para o frio (3 de 7).
Códigos HEX (ordenados): #020617, #22C55E, #3B82F6, #6B7280, #7C3AED, #FB923C, #FFFFFF
A paleta Topology Data Structure Graph Mapper UI Scheme combina 7 códigos de cor:
HEX: #3b82f6, RGB: (59, 130, 246); HEX: #6b7280, RGB: (107, 114, 128); HEX: #22c55e, RGB: (34, 197, 94)
HEX: #7c3aed, RGB: (124, 58, 237); HEX: #fb923c, RGB: (251, 146, 60); HEX: #ffffff, RGB: (255, 255, 255)
HEX: #020617, RGB: (2, 6, 23)
Versão simplificada das cores da paleta
Tom escuro de Azul-dodger, Tom escuro de Cinza-ardósia, Tom escuro de Verde-lima, Tom claro de Azul-violeta, Tom claro de Laranja-escuro, Branco, Tom claro de Preto
O esquema de cores foi criado por colorslib
Códigos de cores na paleta
Topology Data Structure Graph Mapper UI Scheme códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #3b82f6 | #3b82f6 | RGB(59, 130, 246) | Node Blue | — |
| #6b7280 | #6b7280 | RGB(107, 114, 128) | Edge Gray | — |
| #22c55e | #22c55e | RGB(34, 197, 94) | Cluster Green | — |
| #7c3aed | #7c3aed | RGB(124, 58, 237) | Bridge Purple | — |
| #fb923c | #fb923c | RGB(251, 146, 60) | Weight Orange | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Background White | White |
| #020617 | #020617 | RGB(2, 6, 23) | Text Black | — |
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 | Razão de contraste |
|---|---|---|
#3b82f6 | #6b7280 | 1.31 |
#3b82f6 | #22c55e | 1.61 |
#3b82f6 | #7c3aed | 1.54 |
#3b82f6 | #fb923c | 1.62 |
#6b7280 | #7c3aed | 1.17 |
#22c55e | #fb923c | 1 |
Paleta de imagens Topology Data Structure Graph Mapper UI Scheme png
Exportar paleta
Baixe a "Topology Data Structure Graph Mapper UI Scheme" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: