Component-Based AI Wireframe
- Module Grey#7a7a7a
- Whiteboard Beige#f9f7f3
- Hover Coral#ff7f66
- Click Black#0f0f0f
- Token Rose#f5a9b8
- Field Aqua#a8e6cf
Creato il 07/13/2025 09:18
La tavolozza è composta da Chiaro, Scuro colori. Colori d'accento Hover Coral #ff7f66 e Field Aqua #a8e6cf. La tavolozza ha la temperatura del colore Neutro, Caldo, Freddo.
Per luminosità, la tavolozza va da #0F0F0F (più scuro) a #F9F7F3 (più chiaro). L’intervallo di luminosità è ampio.
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 caldo (2 su 6).
Codici HEX (ordinati): #0F0F0F, #7A7A7A, #A8E6CF, #F5A9B8, #F9F7F3, #FF7F66
La tavolozza Component-Based AI Wireframe combina 6 codici colore:
HEX: #7a7a7a, RGB: (122, 122, 122); HEX: #f9f7f3, RGB: (249, 247, 243); HEX: #ff7f66, RGB: (255, 127, 102)
HEX: #0f0f0f, RGB: (15, 15, 15); HEX: #f5a9b8, RGB: (245, 169, 184); HEX: #a8e6cf, RGB: (168, 230, 207)
Versione semplificata della tavolozza dei colori
Sfumatura di Grigio, Tinta di Fumo bianco, Sfumatura di Salmone, Tinta di Nero, Sfumatura di Rosa chiaro, Sfumatura di Turchese pallido
La combinazione di colori è stata creata da colorscheme
Codici colori nella tavolozza
Component-Based AI Wireframe codici colore HEX, informazioni RGB in tabella
| Colore | HEX | RGB | Nome | Nome alternativo |
|---|---|---|---|---|
| #7a7a7a | #7a7a7a | RGB(122, 122, 122) | Module Grey | Gray48 |
| #f9f7f3 | #f9f7f3 | RGB(249, 247, 243) | Whiteboard Beige | — |
| #ff7f66 | #ff7f66 | RGB(255, 127, 102) | Hover Coral | — |
| #0f0f0f | #0f0f0f | RGB(15, 15, 15) | Click Black | Chaos Black |
| #f5a9b8 | #f5a9b8 | RGB(245, 169, 184) | Token Rose | — |
| #a8e6cf | #a8e6cf | RGB(168, 230, 207) | Field Aqua | — |
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 |
|---|---|---|
#7a7a7a | #ff7f66 | 1.73 |
#f9f7f3 | #f5a9b8 | 1.74 |
#f9f7f3 | #a8e6cf | 1.31 |
#ff7f66 | #f5a9b8 | 1.32 |
#ff7f66 | #a8e6cf | 1.75 |
#f5a9b8 | #a8e6cf | 1.32 |
Tavolozza immagini Component-Based AI Wireframe png
Esporta tavolozza
Scarica la "Component-Based AI Wireframe" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: