Criado em 07/10/2025 08:40
Tech Stack Visualization Layer
- Node Blue#2c7da0
- Data Orange#f4a261
- Architecture Pearl#fdfcfb
- System Graphite#2a2a2a
- Grid Blush#ffb3c6
- Cloud Neutral#e0e4ec
A paleta consiste em cores Luz, Escuro. Cores de destaque Node Blue #2c7da0 e Grid Blush #ffb3c6. A paleta tem Legal, Esquentar, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #2A2A2A (mais escuro) a #FDFCFB (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).
No geral, a temperatura tende para o quente.
Códigos HEX (ordenados): #2A2A2A, #2C7DA0, #E0E4EC, #F4A261, #FDFCFB, #FFB3C6
A paleta Tech Stack Visualization Layer tem uma combinação de cores de códigos de 6:
HEX: #2c7da0, RGB: (44, 125, 160); HEX: #f4a261, RGB: (244, 162, 97); HEX: #fdfcfb, RGB: (253, 252, 251)
HEX: #2a2a2a, RGB: (42, 42, 42); HEX: #ffb3c6, RGB: (255, 179, 198); HEX: #e0e4ec, RGB: (224, 228, 236)
Versão simplificada das cores da paleta
Matiz de steelblue, Matiz de sandybrown, Matiz de Branco, Sombra de Preto, Matiz de lightpink, Matiz de aliceblue
O esquema de cores foi criado por palettespicker
Códigos de cores na paleta
Tech Stack Visualization Layer códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #2c7da0 | #2c7da0 | RGB(44, 125, 160) | Node Blue | — |
| #f4a261 | #f4a261 | RGB(244, 162, 97) | Data Orange | — |
| #fdfcfb | #fdfcfb | RGB(253, 252, 251) | Architecture Pearl | — |
| #2a2a2a | #2a2a2a | RGB(42, 42, 42) | System Graphite | The End |
| #ffb3c6 | #ffb3c6 | RGB(255, 179, 198) | Grid Blush | — |
| #e0e4ec | #e0e4ec | RGB(224, 228, 236) | Cloud Neutral | — |
Contraste da Paleta de Cores
5 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 |
#f4a261 | #ffb3c6 | 1.22 |
#f4a261 | #e0e4ec | 1.61 |
#fdfcfb | #ffb3c6 | 1.63 |
#fdfcfb | #e0e4ec | 1.24 |
#ffb3c6 | #e0e4ec | 1.31 |
Paleta de imagens Tech Stack Visualization Layer png
Exportar paleta
Baixe a "Tech Stack Visualization Layer" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: