Interactive Prototyping Flow
- Trigger Red#f44336
- State Blue#42a5f5
- Connection Yellow#fff59d
- Layer Fog#f5f5f5
- Overlay Purple#7e57c2
- Feedback Slate#546e7a
Creato il 07/02/2025 16:44
La tavolozza è composta da Chiaro, Semi scuro colori. Colori d'accento State Blue #42a5f5 e Connection Yellow #fff59d. La tavolozza ha la temperatura del colore Caldo, Freddo, Neutro.
Per luminosità, la tavolozza va da #546E7A (più scuro) a #F5F5F5 (più chiaro). L’intervallo di luminosità è moderato.
Saturazione mista — 2 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 (3 su 6).
Codici HEX (ordinati): #42A5F5, #546E7A, #7E57C2, #F44336, #F5F5F5, #FFF59D
La tavolozza Interactive Prototyping Flow combina 6 codici colore:
HEX: #f44336, RGB: (244, 67, 54); HEX: #42a5f5, RGB: (66, 165, 245); HEX: #fff59d, RGB: (255, 245, 157)
HEX: #f5f5f5, RGB: (245, 245, 245); HEX: #7e57c2, RGB: (126, 87, 194); HEX: #546e7a, RGB: (84, 110, 122)
Versione semplificata della tavolozza dei colori
Sfumatura di Pomodoro, Tinta di Blu Dodger, Tinta di Cachi, Fumo bianco, Tinta di Blu ardesia, Sfumatura di Grigio ardesia
La combinazione di colori è stata creata da coolor
Codici colori nella tavolozza
Interactive Prototyping Flow codici colore HEX, informazioni RGB in tabella
| Colore | HEX | RGB | Nome | Nome alternativo |
|---|---|---|---|---|
| #f44336 | #f44336 | RGB(244, 67, 54) | Trigger Red | — |
| #42a5f5 | #42a5f5 | RGB(66, 165, 245) | State Blue | — |
| #fff59d | #fff59d | RGB(255, 245, 157) | Connection Yellow | — |
| #f5f5f5 | #f5f5f5 | RGB(245, 245, 245) | Layer Fog | Whitesmoke |
| #7e57c2 | #7e57c2 | RGB(126, 87, 194) | Overlay Purple | — |
| #546e7a | #546e7a | RGB(84, 110, 122) | Feedback Slate | — |
Contrasto della palette di colori
6 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 |
|---|---|---|
#f44336 | #42a5f5 | 1.39 |
#f44336 | #7e57c2 | 1.41 |
#f44336 | #546e7a | 1.46 |
#42a5f5 | #7e57c2 | 1.96 |
#fff59d | #f5f5f5 | 1.02 |
#7e57c2 | #546e7a | 1.03 |
Tavolozza immagini Interactive Prototyping Flow png
Esporta tavolozza
Scarica la "Interactive Prototyping Flow" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: