Mobile Immersive Workflow UX
- App Core Charcoal#141414
- Touch State Green#a2d5ab
- Interaction Sky#89cff0
- Button Text White#ffffff
- Focus Dot Coral#ff6b6b
- Divider Line Grey#d1d1d1
Criado em 07/11/2025 13:01
A paleta consiste em cores Escuro, Claro. Cores de destaque Interaction Sky #89cff0 e Focus Dot Coral #ff6b6b. A paleta tem Neutro, Frio, Quente temperatura de cores.
Em luminosidade, a paleta vai de #141414 (mais escuro) a #FFFFFF (mais claro). A faixa de luminosidade é ampla.
Saturação mista — 3 suaves e 2 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): #141414, #89CFF0, #A2D5AB, #D1D1D1, #FF6B6B, #FFFFFF
A paleta Mobile Immersive Workflow UX combina 6 códigos de cor:
HEX: #141414, RGB: (20, 20, 20); HEX: #a2d5ab, RGB: (162, 213, 171); HEX: #89cff0, RGB: (137, 207, 240)
HEX: #ffffff, RGB: (255, 255, 255); HEX: #ff6b6b, RGB: (255, 107, 107); HEX: #d1d1d1, RGB: (209, 209, 209)
Versão simplificada das cores da paleta
Tom claro de Preto, Tom claro de Verde-mar-escuro, Tom claro de Azul-céu, Branco, Tom escuro de Salmão, Tom escuro de Cinza-claro
O esquema de cores foi criado por colorscheme
Códigos de cores na paleta
Mobile Immersive Workflow UX códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #141414 | #141414 | RGB(20, 20, 20) | App Core Charcoal | Sooty |
| #a2d5ab | #a2d5ab | RGB(162, 213, 171) | Touch State Green | — |
| #89cff0 | #89cff0 | RGB(137, 207, 240) | Interaction Sky | Pool Tiles |
| #ffffff | #ffffff | RGB(255, 255, 255) | Button Text White | White |
| #ff6b6b | #ff6b6b | RGB(255, 107, 107) | Focus Dot Coral | — |
| #d1d1d1 | #d1d1d1 | RGB(209, 209, 209) | Divider Line Grey | Gray82 |
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 |
|---|---|---|
#a2d5ab | #89cff0 | 1.03 |
#a2d5ab | #ffffff | 1.66 |
#a2d5ab | #ff6b6b | 1.67 |
#a2d5ab | #d1d1d1 | 1.08 |
#89cff0 | #ffffff | 1.71 |
#89cff0 | #ff6b6b | 1.61 |
Paleta de imagens Mobile Immersive Workflow UX png
Exportar paleta
Baixe a "Mobile Immersive Workflow UX" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: