Mobile UX Immersive Framework
- Touch Base Black#121212
- Gesture Lime#a0ff90
- Component Panel Grey#9e9e9e
- Active Ripple Sky#a2d2ff
- Text Contrast White#f8f8f8
- Highlight Corner Coral#f67280
Criado em 07/11/2025 10:09
A paleta consiste em cores Escuro, Claro. Cores de destaque Gesture Lime #a0ff90 e Active Ripple Sky #a2d2ff. A paleta tem Neutro, Frio, Quente temperatura de cores.
Em luminosidade, a paleta vai de #121212 (mais escuro) a #F8F8F8 (mais claro). A faixa de luminosidade é ampla.
Saturação mista — 3 suaves e 3 vívidas em 6 cores.
Uma paleta variada: seus tons se espalham por cerca de 215° do círculo cromático.
No geral, a temperatura tende para o frio (2 de 6).
Códigos HEX (ordenados): #121212, #9E9E9E, #A0FF90, #A2D2FF, #F67280, #F8F8F8
A paleta Mobile UX Immersive Framework combina 6 códigos de cor:
HEX: #121212, RGB: (18, 18, 18); HEX: #a0ff90, RGB: (160, 255, 144); HEX: #9e9e9e, RGB: (158, 158, 158)
HEX: #a2d2ff, RGB: (162, 210, 255); HEX: #f8f8f8, RGB: (248, 248, 248); HEX: #f67280, RGB: (246, 114, 128)
Versão simplificada das cores da paleta
Tom claro de Preto, Tom claro de Verde-pálido, Tom escuro de Cinza-escuro, Tom claro de Azul-céu-claro, Tom claro de Fumaça-branca, Tom escuro de Coral-claro
O esquema de cores foi criado por colorscheme
Códigos de cores na paleta
Mobile UX Immersive Framework códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #121212 | #121212 | RGB(18, 18, 18) | Touch Base Black | Dark Tone Ink |
| #a0ff90 | #a0ff90 | RGB(160, 255, 144) | Gesture Lime | — |
| #9e9e9e | #9e9e9e | RGB(158, 158, 158) | Component Panel Grey | Gray62 |
| #a2d2ff | #a2d2ff | RGB(162, 210, 255) | Active Ripple Sky | — |
| #f8f8f8 | #f8f8f8 | RGB(248, 248, 248) | Text Contrast White | — |
| #f67280 | #f67280 | RGB(246, 114, 128) | Highlight Corner Coral | — |
Contraste da paleta de cores
6 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 |
|---|---|---|
#a0ff90 | #a2d2ff | 1.3 |
#a0ff90 | #f8f8f8 | 1.14 |
#9e9e9e | #a2d2ff | 1.68 |
#9e9e9e | #f67280 | 1.02 |
#a2d2ff | #f8f8f8 | 1.49 |
#a2d2ff | #f67280 | 1.72 |
Paleta de imagens Mobile UX Immersive Framework png
Exportar paleta
Baixe a "Mobile UX Immersive Framework" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: