Genera tavolozza
  1. Tavolozze di colori
  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
Creato il 07/02/2025 16:46
dicoolor
La tavolozza è composta da Scuro, Chiaro colori. Colori d'accento Gesture Rose #f48fb1 e Card Ice #e3f2fd. La tavolozza ha la temperatura del colore Neutro, Caldo, Freddo.

Per luminosità, la tavolozza va da #000000 (più scuro) a #FAFAFA (più chiaro). L’intervallo di luminosità è ampio.

Saturazione mista — 3 smorzati e 3 vivaci su 6 colori.

Alcuni colori sono quasi opposti sulla ruota dei colori e danno alla palette un contrasto complementare.

Complessivamente la temperatura tende al freddo (2 su 6).

Codici HEX (ordinati): #000000, #26C6DA, #B0BEC5, #E3F2FD, #F48FB1, #FAFAFA

La tavolozza Mobile Native App Shell combina 6 codici colore:
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)
Versione semplificata della tavolozza dei colori
Nero, Tinta di Fumo bianco, Tinta di Rosso violetto pallido, Sfumatura di Blu Alice, Sfumatura di Argento, Tinta di Turchese scuro
La combinazione di colori è stata creata da coolor

Codici colori nella tavolozza

Mobile Native App Shell codici colore HEX, informazioni RGB in tabella

Colore 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—

Contrasto della palette di colori

9 coppie di colori hanno un basso contrasto e necessitano di miglioramenti, il che può influire sulla leggibilità.
Colore del testo Colore di sfondo Rapporto di contrasto
#fafafa
#e3f2fd
1.09
#fafafa
#b0bec5
1.82
#fafafa
#26c6da
1.97
#f48fb1
#e3f2fd
1.95
#f48fb1
#b0bec5
1.17
#f48fb1
#26c6da
1.08

Tavolozza immagini Mobile Native App Shell png

Mobile Native App Shell tavolozza dei colori: StatusBar Black, Navigation White, Gesture Rose, Card Ice, Keyboard Shadow
 Scarica l'immagine