Creato a 06/09/2025 16:02
Mobile HyperApp Interface
- Tap Accent Blue#4a90e2
- Swipe Salmon#ff6f61
- Viewport Linen#f8f1f1
- Input Night#1c1c1e
- Scroll Chartreuse#dfff00
- Vibration Gray#d3d3d3
La tavolozza è composta da Leggero, Buio colori. Colori accentati Tap Accent Blue #4a90e2 e Scroll Chartreuse #dfff00. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.
Per luminosità, la tavolozza va da #1C1C1E (più scuro) a #F8F1F1 (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 caldo.
Codici HEX (ordinati): #1C1C1E, #4A90E2, #D3D3D3, #DFFF00, #F8F1F1, #FF6F61
La tavolozza Mobile HyperApp Interface ha una combinazione di colori dei codici 6:
ESADECIMALE: #4a90e2, RGB: (74, 144, 226); ESADECIMALE: #ff6f61, RGB: (255, 111, 97); ESADECIMALE: #f8f1f1, RGB: (248, 241, 241)
ESADECIMALE: #1c1c1e, RGB: (28, 28, 30); ESADECIMALE: #dfff00, RGB: (223, 255, 0); ESADECIMALE: #d3d3d3, RGB: (211, 211, 211)
Versione semplificata della tavolozza dei colori
Ombra di dodgerblue, Tonalità di salmon, Tonalità di snow, Ombra di Nero, Tonalità di Giallo
La combinazione di colori è stata creata da coolor
Codici colori nella tavolozza
Mobile HyperApp Interface codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #4a90e2 | #4a90e2 | RGB(74, 144, 226) | Tap Accent Blue | — |
| #ff6f61 | #ff6f61 | RGB(255, 111, 97) | Swipe Salmon | Living Coral |
| #f8f1f1 | #f8f1f1 | RGB(248, 241, 241) | Viewport Linen | — |
| #1c1c1e | #1c1c1e | RGB(28, 28, 30) | Input Night | — |
| #dfff00 | #dfff00 | RGB(223, 255, 0) | Scroll Chartreuse | Dancing-Lady Orchid |
| #d3d3d3 | #d3d3d3 | RGB(211, 211, 211) | Vibration Gray | Pinball |
Contrasto della palette di colori
5 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 |
#4a90e2 | #ff6f61 | 1.2 |
#ff6f61 | #d3d3d3 | 1.82 |
#f8f1f1 | #dfff00 | 1.02 |
#f8f1f1 | #d3d3d3 | 1.34 |
#dfff00 | #d3d3d3 | 1.31 |
Tavolozza immagini Mobile HyperApp Interface png
Esporta tavolozza
Scarica la "Mobile HyperApp Interface" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: