Distributed Systems UI Panel
- Cluster Grey#6b7280
- Node Cream#fdf6ec
- Latency Red#ef4444
- Serverless Blue#3b82f6
- Throughput Sand#f5e3c3
- Replication Teal#14b8a6
- Queue Dark#1e1e1e
Criado em 07/07/2025 14:12
A paleta consiste em cores Semi escuro, Claro, Escuro. Cores de destaque Latency Red #ef4444 e Serverless Blue #3b82f6. A paleta tem Neutro, Quente, Frio temperatura de cores.
Em luminosidade, a paleta vai de #1E1E1E (mais escuro) a #FDF6EC (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.
Notas quentes e frias estão bastante equilibradas (2 quentes, 2 frias).
Códigos HEX (ordenados): #14B8A6, #1E1E1E, #3B82F6, #6B7280, #EF4444, #F5E3C3, #FDF6EC
A paleta Distributed Systems UI Panel combina 7 códigos de cor:
HEX: #6b7280, RGB: (107, 114, 128); HEX: #fdf6ec, RGB: (253, 246, 236); HEX: #ef4444, RGB: (239, 68, 68)
HEX: #3b82f6, RGB: (59, 130, 246); HEX: #f5e3c3, RGB: (245, 227, 195); HEX: #14b8a6, RGB: (20, 184, 166)
HEX: #1e1e1e, RGB: (30, 30, 30)
Versão simplificada das cores da paleta
Tom escuro de Cinza-ardósia, Tom escuro de Concha, Tom escuro de Vermelho-indiano, Tom escuro de Azul-dodger, Tom escuro de Amêndoa-clara, Tom escuro de Verde-mar-claro, Tom claro de Preto
O esquema de cores foi criado por colorhunt
Códigos de cores na paleta
Distributed Systems UI Panel códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #6b7280 | #6b7280 | RGB(107, 114, 128) | Cluster Grey | — |
| #fdf6ec | #fdf6ec | RGB(253, 246, 236) | Node Cream | — |
| #ef4444 | #ef4444 | RGB(239, 68, 68) | Latency Red | — |
| #3b82f6 | #3b82f6 | RGB(59, 130, 246) | Serverless Blue | — |
| #f5e3c3 | #f5e3c3 | RGB(245, 227, 195) | Throughput Sand | — |
| #14b8a6 | #14b8a6 | RGB(20, 184, 166) | Replication Teal | — |
| #1e1e1e | #1e1e1e | RGB(30, 30, 30) | Queue Dark | — |
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 |
|---|---|---|
#6b7280 | #ef4444 | 1.28 |
#6b7280 | #3b82f6 | 1.31 |
#6b7280 | #14b8a6 | 1.94 |
#fdf6ec | #f5e3c3 | 1.17 |
#ef4444 | #3b82f6 | 1.02 |
#ef4444 | #14b8a6 | 1.51 |
Paleta de imagens Distributed Systems UI Panel png
Exportar paleta
Baixe a "Distributed Systems UI Panel" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: