Loading...
Creato a 07/07/2025 15:10
Prototyping Wireframe UI
- Sketch Grey#cdcdcd
- Component Cream#f8f8f8
- Gridline Black#1a1a1a
- Draft Blue#a9d6e5
- Mockup Lilac#dec9e9
- UX Stage Beige#fdf5df
La tavolozza è composta da Leggero, Buio colori. Colori accentati Draft Blue #a9d6e5 e UX Stage Beige #fdf5df. La tavolozza ha la temperatura del colore Neutro, Freddo.
Per luminosità, la tavolozza va da #1A1A1A (più scuro) a #F8F8F8 (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).
La maggior parte dei campioni risulta neutra in temperatura.
Codici HEX (ordinati): #1A1A1A, #A9D6E5, #CDCDCD, #DEC9E9, #F8F8F8, #FDF5DF
La tavolozza Prototyping Wireframe UI ha una combinazione di colori dei codici 6:
ESADECIMALE: #cdcdcd, RGB: (205, 205, 205); ESADECIMALE: #f8f8f8, RGB: (248, 248, 248); ESADECIMALE: #1a1a1a, RGB: (26, 26, 26)
ESADECIMALE: #a9d6e5, RGB: (169, 214, 229); ESADECIMALE: #dec9e9, RGB: (222, 201, 233); ESADECIMALE: #fdf5df, RGB: (253, 245, 223)
Versione semplificata della tavolozza dei colori
Tonalità di lightgrey, Ombra di whitesmoke, Ombra di Nero, Tonalità di lightblue, Ombra di thistle, Tonalità di cornsilk
La combinazione di colori è stata creata da colorday
Codici colori nella tavolozza
Prototyping Wireframe UI codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #cdcdcd | #cdcdcd | RGB(205, 205, 205) | Sketch Grey | Compact Disc Grey |
| #f8f8f8 | #f8f8f8 | RGB(248, 248, 248) | Component Cream | — |
| #1a1a1a | #1a1a1a | RGB(26, 26, 26) | Gridline Black | Gray10 |
| #a9d6e5 | #a9d6e5 | RGB(169, 214, 229) | Draft Blue | — |
| #dec9e9 | #dec9e9 | RGB(222, 201, 233) | Mockup Lilac | — |
| #fdf5df | #fdf5df | RGB(253, 245, 223) | UX Stage Beige | — |
Contrasto della palette di colori
10 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 |
#cdcdcd | #f8f8f8 | 1.49 |
#cdcdcd | #a9d6e5 | 1.01 |
#cdcdcd | #dec9e9 | 1.03 |
#cdcdcd | #fdf5df | 1.46 |
#f8f8f8 | #a9d6e5 | 1.47 |
#f8f8f8 | #dec9e9 | 1.44 |
Tavolozza immagini Prototyping Wireframe UI png
Esporta tavolozza
Scarica la "Prototyping Wireframe UI" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: