Creato a 06/12/2025 08:43
Web App Wireframe Essentials
- Line Graphite#333333
- Placeholder Gray#d4d4d4
- Section Cream#faf9f6
- Shape Indigo#a5b4fc
- Font Soft Black#1c1c1c
- Note Blush#ffd6e0
La tavolozza è composta da Leggero, Buio colori. Colori accentati Shape Indigo #a5b4fc e Note Blush #ffd6e0. La tavolozza ha la temperatura del colore Neutro, Freddo.
Per luminosità, la tavolozza va da #1C1C1C (più scuro) a #FAF9F6 (più chiaro). L’intervallo di luminosità è ampio.
Saturazione mista — 3 smorzati e 2 vivaci su 6 colori.
Alcune coppie di tonalità sono vicine a posizioni complementari — si può leggere come contrasto complementare (euristica).
La maggior parte dei campioni risulta neutra in temperatura (5 su 6).
Codici HEX (ordinati): #1C1C1C, #333333, #A5B4FC, #D4D4D4, #FAF9F6, #FFD6E0
La tavolozza Web App Wireframe Essentials ha una combinazione di colori dei codici 6:
ESADECIMALE: #333333, RGB: (51, 51, 51); ESADECIMALE: #d4d4d4, RGB: (212, 212, 212); ESADECIMALE: #faf9f6, RGB: (250, 249, 246)
ESADECIMALE: #a5b4fc, RGB: (165, 180, 252); ESADECIMALE: #1c1c1c, RGB: (28, 28, 28); ESADECIMALE: #ffd6e0, RGB: (255, 214, 224)
Versione semplificata della tavolozza dei colori
Ombra di Nero, Ombra di lightgrey, Ombra di whitesmoke, Tonalità di lightsteelblue, Ombra di Nero, Ombra di Rosa
La combinazione di colori è stata creata da bad_colors
Codici colori nella tavolozza
Web App Wireframe Essentials codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
|---|---|---|---|---|
| #333333 | #333333 | RGB(51, 51, 51) | Line Graphite | Carbon |
| #d4d4d4 | #d4d4d4 | RGB(212, 212, 212) | Placeholder Gray | Disco Ball |
| #faf9f6 | #faf9f6 | RGB(250, 249, 246) | Section Cream | — |
| #a5b4fc | #a5b4fc | RGB(165, 180, 252) | Shape Indigo | — |
| #1c1c1c | #1c1c1c | RGB(28, 28, 28) | Font Soft Black | Gray11 |
| #ffd6e0 | #ffd6e0 | RGB(255, 214, 224) | Note Blush | — |
Contrasto della palette di colori
7 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 |
|---|---|---|
#333333 | #1c1c1c | 1.34 |
#d4d4d4 | #faf9f6 | 1.4 |
#d4d4d4 | #a5b4fc | 1.34 |
#d4d4d4 | #ffd6e0 | 1.12 |
#faf9f6 | #a5b4fc | 1.89 |
#faf9f6 | #ffd6e0 | 1.25 |
Tavolozza immagini Web App Wireframe Essentials png
Esporta tavolozza
Scarica la "Web App Wireframe Essentials" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: