Realtime Stream Analysis UI Kit
- Streamline Blue#57b8ff
- Frame Drop Red#ff6f61
- Buffer Grey#c9c9c9
- Overlay White#f5f5f5
- Sensor Ping Teal#47e5bc
- Alert Mode Black#2b2b2b
Criado em 08/02/2025 09:42
A paleta consiste em cores Claro, Escuro. Cores de destaque Streamline Blue #57b8ff e Frame Drop Red #ff6f61. A paleta tem Frio, Quente, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #2B2B2B (mais escuro) a #F5F5F5 (mais claro). A faixa de luminosidade é ampla.
Saturação mista — 3 suaves e 3 vívidas em 6 cores.
Algumas cores ficam quase opostas no círculo cromático, dando à paleta um contraste complementar.
No geral, a temperatura tende para o frio (2 de 6).
Códigos HEX (ordenados): #2B2B2B, #47E5BC, #57B8FF, #C9C9C9, #F5F5F5, #FF6F61
A paleta Realtime Stream Analysis UI Kit combina 6 códigos de cor:
HEX: #57b8ff, RGB: (87, 184, 255); HEX: #ff6f61, RGB: (255, 111, 97); HEX: #c9c9c9, RGB: (201, 201, 201)
HEX: #f5f5f5, RGB: (245, 245, 245); HEX: #47e5bc, RGB: (71, 229, 188); HEX: #2b2b2b, RGB: (43, 43, 43)
Versão simplificada das cores da paleta
Tom claro de Azul-céu-profundo, Tom escuro de Salmão, Tom claro de Prata, Fumaça-branca, Tom claro de Água-marinha-média, Tom claro de Preto
O esquema de cores foi criado por bad_colors
Códigos de cores na paleta
Realtime Stream Analysis UI Kit códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #57b8ff | #57b8ff | RGB(87, 184, 255) | Streamline Blue | — |
| #ff6f61 | #ff6f61 | RGB(255, 111, 97) | Frame Drop Red | Living Coral |
| #c9c9c9 | #c9c9c9 | RGB(201, 201, 201) | Buffer Grey | Gray79 |
| #f5f5f5 | #f5f5f5 | RGB(245, 245, 245) | Overlay White | Whitesmoke |
| #47e5bc | #47e5bc | RGB(71, 229, 188) | Sensor Ping Teal | — |
| #2b2b2b | #2b2b2b | RGB(43, 43, 43) | Alert Mode Black | Shoe Wax |
Contraste da paleta de cores
9 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 |
|---|---|---|
#57b8ff | #ff6f61 | 1.26 |
#57b8ff | #c9c9c9 | 1.3 |
#57b8ff | #f5f5f5 | 1.98 |
#57b8ff | #47e5bc | 1.36 |
#ff6f61 | #c9c9c9 | 1.64 |
#ff6f61 | #47e5bc | 1.71 |
Paleta de imagens Realtime Stream Analysis UI Kit png
Exportar paleta
Baixe a "Realtime Stream Analysis UI Kit" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: