AI-Driven Mobile Wireframe
- Neural Cloud White#f5f5f5
- Wireflow Indigo#283593
- Prototype Amber#ffb300
- User Persona Mint#a7ffeb
- Journey Map Gray#b0bec5
- Touchpoint Coral#ff6f61
Creato il 08/11/2025 09:52
La tavolozza è composta da Chiaro, Semi scuro colori. Colori d'accento Prototype Amber #ffb300 e User Persona Mint #a7ffeb. La tavolozza ha la temperatura del colore Neutro, Freddo, Caldo.
Per luminosità, la tavolozza va da #283593 (più scuro) a #F5F5F5 (più chiaro). L’intervallo di luminosità è ampio.
La saturazione complessiva risulta vivida (croma alto) — il 67% dei colori è vivido.
Alcuni colori sono quasi opposti sulla ruota dei colori e danno alla palette un contrasto complementare.
Complessivamente la temperatura tende al freddo (3 su 6).
Codici HEX (ordinati): #283593, #A7FFEB, #B0BEC5, #F5F5F5, #FF6F61, #FFB300
La tavolozza AI-Driven Mobile Wireframe combina 6 codici colore:
HEX: #f5f5f5, RGB: (245, 245, 245); HEX: #283593, RGB: (40, 53, 147); HEX: #ffb300, RGB: (255, 179, 0)
HEX: #a7ffeb, RGB: (167, 255, 235); HEX: #b0bec5, RGB: (176, 190, 197); HEX: #ff6f61, RGB: (255, 111, 97)
Versione semplificata della tavolozza dei colori
Fumo bianco, Sfumatura di Blu ardesia scuro, Tinta di Arancione, Tinta di Acquamarina, Sfumatura di Argento, Sfumatura di Salmone
La combinazione di colori è stata creata da colorscheme
Codici colori nella tavolozza
AI-Driven Mobile Wireframe codici colore HEX, informazioni RGB in tabella
| Colore | HEX | RGB | Nome | Nome alternativo |
|---|---|---|---|---|
| #f5f5f5 | #f5f5f5 | RGB(245, 245, 245) | Neural Cloud White | Whitesmoke |
| #283593 | #283593 | RGB(40, 53, 147) | Wireflow Indigo | — |
| #ffb300 | #ffb300 | RGB(255, 179, 0) | Prototype Amber | UCLA Gold |
| #a7ffeb | #a7ffeb | RGB(167, 255, 235) | User Persona Mint | — |
| #b0bec5 | #b0bec5 | RGB(176, 190, 197) | Journey Map Gray | Ocean Drive |
| #ff6f61 | #ff6f61 | RGB(255, 111, 97) | Touchpoint Coral | Living Coral |
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 |
|---|---|---|
#f5f5f5 | #ffb300 | 1.64 |
#f5f5f5 | #a7ffeb | 1.06 |
#f5f5f5 | #b0bec5 | 1.74 |
#ffb300 | #a7ffeb | 1.55 |
#ffb300 | #b0bec5 | 1.06 |
#ffb300 | #ff6f61 | 1.51 |
Tavolozza immagini AI-Driven Mobile Wireframe png
Esporta tavolozza
Scarica la "AI-Driven Mobile Wireframe" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: