Criado em 06/28/2025 20:22
Realtime Mobile UX Signals
- Vibration Teal#2dd4bf
- Tap Gold#facc15
- Swipe Indigo#6366f1
- Drag Mist#f3f4f6
- Touch Coral#fb7185
- Input Cream#fffdf7
- Latency Graphite#1e1e1e
A paleta consiste em cores Luz, Escuro. Cores de destaque Swipe Indigo #6366f1 e Input Cream #fffdf7. A paleta tem Legal, Esquentar, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #1E1E1E (mais escuro) a #FFFDF7 (mais claro). A faixa de luminosidade é ampla.
A saturação global parece vívida (croma alto).
Alguns pares de matizes estão perto de posições complementares — pode ler-se como contraste complementar (heurística).
Notas quentes e frias estão bastante equilibradas.
Códigos HEX (ordenados): #1E1E1E, #2DD4BF, #6366F1, #F3F4F6, #FACC15, #FB7185, #FFFDF7
A paleta Realtime Mobile UX Signals tem uma combinação de cores de códigos de 7:
HEX: #2dd4bf, RGB: (45, 212, 191); HEX: #facc15, RGB: (250, 204, 21); HEX: #6366f1, RGB: (99, 102, 241)
HEX: #f3f4f6, RGB: (243, 244, 246); HEX: #fb7185, RGB: (251, 113, 133); HEX: #fffdf7, RGB: (255, 253, 247)
HEX: #1e1e1e, RGB: (30, 30, 30)
Versão simplificada das cores da paleta
Matiz de turquoise, Matiz de gold, Matiz de mediumslateblue, Matiz de whitesmoke, Matiz de lightcoral, Sombra de floralwhite, Sombra de Preto
O esquema de cores foi criado por hex
Códigos de cores na paleta
Realtime Mobile UX Signals códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #2dd4bf | #2dd4bf | RGB(45, 212, 191) | Vibration Teal | — |
| #facc15 | #facc15 | RGB(250, 204, 21) | Tap Gold | — |
| #6366f1 | #6366f1 | RGB(99, 102, 241) | Swipe Indigo | — |
| #f3f4f6 | #f3f4f6 | RGB(243, 244, 246) | Drag Mist | — |
| #fb7185 | #fb7185 | RGB(251, 113, 133) | Touch Coral | — |
| #fffdf7 | #fffdf7 | RGB(255, 253, 247) | Input Cream | — |
| #1e1e1e | #1e1e1e | RGB(30, 30, 30) | Latency Graphite | — |
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 | Taxa de contraste |
#2dd4bf | #facc15 | 1.21 |
#2dd4bf | #f3f4f6 | 1.69 |
#2dd4bf | #fb7185 | 1.44 |
#2dd4bf | #fffdf7 | 1.83 |
#facc15 | #f3f4f6 | 1.39 |
#facc15 | #fb7185 | 1.75 |
Paleta de imagens Realtime Mobile UX Signals png
Exportar paleta
Baixe a "Realtime Mobile UX Signals" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: