Realtime UI Websocket Suite
- Stream Blue#3a86ff
- Packet Mint#aaffda
- Latency Gray#9e9e9e
- Push White#fbfbfb
- Buffer Violet#c084fc
- Sync Red#ef476f
Criado em 07/28/2025 11:19
A paleta consiste em cores Claro. Cores de destaque Packet Mint #aaffda e Sync Red #ef476f. A paleta tem Frio, Neutro, Quente temperatura de cores.
Em luminosidade, a paleta vai de #3A86FF (mais escuro) a #FBFBFB (mais claro). A faixa de luminosidade é moderada.
A saturação global parece vívida (croma alto) — 67% 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 6).
Códigos HEX (ordenados): #3A86FF, #9E9E9E, #AAFFDA, #C084FC, #EF476F, #FBFBFB
A paleta Realtime UI Websocket Suite combina 6 códigos de cor:
HEX: #3a86ff, RGB: (58, 134, 255); HEX: #aaffda, RGB: (170, 255, 218); HEX: #9e9e9e, RGB: (158, 158, 158)
HEX: #fbfbfb, RGB: (251, 251, 251); HEX: #c084fc, RGB: (192, 132, 252); HEX: #ef476f, RGB: (239, 71, 111)
Versão simplificada das cores da paleta
Tom claro de Azul-dodger, Tom claro de Água-marinha, Tom escuro de Cinza-escuro, Tom escuro de Branco, Tom escuro de Violeta, Tom claro de Vermelho-indiano
O esquema de cores foi criado por hex
Códigos de cores na paleta
Realtime UI Websocket Suite códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #3a86ff | #3a86ff | RGB(58, 134, 255) | Stream Blue | — |
| #aaffda | #aaffda | RGB(170, 255, 218) | Packet Mint | — |
| #9e9e9e | #9e9e9e | RGB(158, 158, 158) | Latency Gray | Gray62 |
| #fbfbfb | #fbfbfb | RGB(251, 251, 251) | Push White | Whiteout |
| #c084fc | #c084fc | RGB(192, 132, 252) | Buffer Violet | — |
| #ef476f | #ef476f | RGB(239, 71, 111) | Sync Red | — |
Contraste da paleta de cores
7 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 |
|---|---|---|
#3a86ff | #9e9e9e | 1.29 |
#3a86ff | #c084fc | 1.31 |
#3a86ff | #ef476f | 1.04 |
#aaffda | #fbfbfb | 1.12 |
#9e9e9e | #c084fc | 1.01 |
#9e9e9e | #ef476f | 1.35 |
Paleta de imagens Realtime UI Websocket Suite png
Exportar paleta
Baixe a "Realtime UI Websocket Suite" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: