Creato a 06/26/2025 08:23
Mobile Native App Schema
- Touch Blue#57a6ff
- Safe Area Beige#fdf6ec
- Haptic Pink#ff90c2
- Stack Layout Gray#dcdcdc
- Alert Green#46c48a
- Modal Overlay#000000
La tavolozza è composta da Leggero, Buio colori. Colori accentati Touch Blue #57a6ff e Haptic Pink #ff90c2. La tavolozza ha la temperatura del colore Freddo, Neutro, Caldo.
Per luminosità, la tavolozza va da #000000 (più scuro) a #FDF6EC (più chiaro). L’intervallo di luminosità è ampio.
Saturazione mista — alcuni campioni smorzati e accenti più vivaci.
Alcune coppie di tonalità sono vicine a posizioni complementari — si può leggere come contrasto complementare (euristica).
Complessivamente la temperatura tende al freddo.
Codici HEX (ordinati): #000000, #46C48A, #57A6FF, #DCDCDC, #FDF6EC, #FF90C2
La tavolozza Mobile Native App Schema ha una combinazione di colori dei codici 6:
ESADECIMALE: #57a6ff, RGB: (87, 166, 255); ESADECIMALE: #fdf6ec, RGB: (253, 246, 236); ESADECIMALE: #ff90c2, RGB: (255, 144, 194)
ESADECIMALE: #dcdcdc, RGB: (220, 220, 220); ESADECIMALE: #46c48a, RGB: (70, 196, 138); ESADECIMALE: #000000, RGB: (0, 0, 0)
Versione semplificata della tavolozza dei colori
Ombra di cornflowerblue, Tonalità di floralwhite, Ombra di hotpink, Ombra di mediumseagreen, Nero
La combinazione di colori è stata creata da colourlock
Codici colori nella tavolozza
Mobile Native App Schema codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #57a6ff | #57a6ff | RGB(87, 166, 255) | Touch Blue | — |
| #fdf6ec | #fdf6ec | RGB(253, 246, 236) | Safe Area Beige | — |
| #ff90c2 | #ff90c2 | RGB(255, 144, 194) | Haptic Pink | — |
| #dcdcdc | #dcdcdc | RGB(220, 220, 220) | Stack Layout Gray | Gainsboro |
| #46c48a | #46c48a | RGB(70, 196, 138) | Alert Green | — |
| #000000 | #000000 | RGB(0, 0, 0) | Modal Overlay | Black |
Contrasto della palette di colori
8 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 |
#57a6ff | #ff90c2 | 1.2 |
#57a6ff | #dcdcdc | 1.84 |
#57a6ff | #46c48a | 1.14 |
#fdf6ec | #ff90c2 | 1.95 |
#fdf6ec | #dcdcdc | 1.27 |
#ff90c2 | #dcdcdc | 1.52 |
Tavolozza immagini Mobile Native App Schema png
Esporta tavolozza
Scarica la "Mobile Native App Schema" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: