WebSocket Realtime UI Theme
- Stream Signal Green#58d68d
- Ping Purple#a569bd
- Connection Sky#aedff7
- Payload Yellow#ffe066
- Error Red#e63946
- Latency Black#1d1d1d
Criado em 06/08/2025 17:22
A paleta consiste em cores Claro, Escuro. Cores de destaque Connection Sky #aedff7 e Payload Yellow #ffe066. A paleta tem Frio, Quente, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #1D1D1D (mais escuro) a #FFE066 (mais claro). A faixa de luminosidade é ampla.
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): #1D1D1D, #58D68D, #A569BD, #AEDFF7, #E63946, #FFE066
A paleta WebSocket Realtime UI Theme combina 6 códigos de cor:
HEX: #58d68d, RGB: (88, 214, 141); HEX: #a569bd, RGB: (165, 105, 189); HEX: #aedff7, RGB: (174, 223, 247)
HEX: #ffe066, RGB: (255, 224, 102); HEX: #e63946, RGB: (230, 57, 70); HEX: #1d1d1d, RGB: (29, 29, 29)
Versão simplificada das cores da paleta
Tom claro de Verde-primavera-médio, Tom claro de Orquídea-média, Tom claro de Azul-claro, Tom claro de Dourado, Tom claro de Carmesim, Tom claro de Preto
O esquema de cores foi criado por bad_colors
Códigos de cores na paleta
WebSocket Realtime UI Theme códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #58d68d | #58d68d | RGB(88, 214, 141) | Stream Signal Green | — |
| #a569bd | #a569bd | RGB(165, 105, 189) | Ping Purple | — |
| #aedff7 | #aedff7 | RGB(174, 223, 247) | Connection Sky | — |
| #ffe066 | #ffe066 | RGB(255, 224, 102) | Payload Yellow | — |
| #e63946 | #e63946 | RGB(230, 57, 70) | Error Red | — |
| #1d1d1d | #1d1d1d | RGB(29, 29, 29) | Latency Black | — |
Contraste da paleta de cores
4 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 |
|---|---|---|
#58d68d | #aedff7 | 1.28 |
#58d68d | #ffe066 | 1.41 |
#a569bd | #e63946 | 1.06 |
#aedff7 | #ffe066 | 1.09 |
Paleta de imagens WebSocket Realtime UI Theme png
Exportar paleta
Baixe a "WebSocket Realtime UI Theme" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: