Gerar paleta
  1. Paletas de cores
  2. Mobile Native App Shell

Mobile Native App Shell

  • StatusBar Black
    #000000
  • Navigation White
    #fafafa
  • Gesture Rose
    #f48fb1
  • Card Ice
    #e3f2fd
  • Keyboard Shadow
    #b0bec5
  • Notification Teal
    #26c6da
  6
Criado em 07/02/2025 16:46
porcoolor
A paleta consiste em cores Escuro, Claro. Cores de destaque Gesture Rose #f48fb1 e Card Ice #e3f2fd. A paleta tem Neutro, Quente, Frio temperatura de cores.

Em luminosidade, a paleta vai de #000000 (mais escuro) a #FAFAFA (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): #000000, #26C6DA, #B0BEC5, #E3F2FD, #F48FB1, #FAFAFA

A paleta Mobile Native App Shell combina 6 códigos de cor:
HEX: #000000, RGB: (0, 0, 0); HEX: #fafafa, RGB: (250, 250, 250); HEX: #f48fb1, RGB: (244, 143, 177)
HEX: #e3f2fd, RGB: (227, 242, 253); HEX: #b0bec5, RGB: (176, 190, 197); HEX: #26c6da, RGB: (38, 198, 218)
Versão simplificada das cores da paleta
Preto, Tom claro de Fumaça-branca, Tom claro de Vermelho-violeta-pálido, Tom escuro de Azul-alice, Tom escuro de Prata, Tom claro de Turquesa-escuro
O esquema de cores foi criado por coolor

Códigos de cores na paleta

Mobile Native App Shell códigos de cores HEX, informações RGB na tabela

Cor HEX RGB Nome nome alternativo
#000000 #000000 RGB(0, 0, 0)StatusBar BlackBlack
#fafafa #fafafa RGB(250, 250, 250)Navigation WhiteDr. White
#f48fb1 #f48fb1 RGB(244, 143, 177)Gesture Rose—
#e3f2fd #e3f2fd RGB(227, 242, 253)Card Ice—
#b0bec5 #b0bec5 RGB(176, 190, 197)Keyboard ShadowOcean Drive
#26c6da #26c6da RGB(38, 198, 218)Notification Teal—

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
#fafafa
#e3f2fd
1.09
#fafafa
#b0bec5
1.82
#fafafa
#26c6da
1.97
#f48fb1
#e3f2fd
1.95
#f48fb1
#b0bec5
1.17
#f48fb1
#26c6da
1.08

Paleta de imagens Mobile Native App Shell png

Mobile Native App Shell paleta de cores: StatusBar Black, Navigation White, Gesture Rose, Card Ice, Keyboard Shadow
 Baixar imagem