Creato a 08/11/2025 14:35
UX Wireframe Dark Kit
- Outline Gray#9e9e9e
- Placeholder Blue#64b5f6
- Clickable Mint#81c784
- Inactive Yellow#fff59d
- Text White#ffffff
- Background Black#1a1a1a
La tavolozza è composta da Leggero, Buio colori. Colori accentati Placeholder Blue #64b5f6 e Inactive Yellow #fff59d. La tavolozza ha la temperatura del colore Neutro, Freddo, Caldo.
Per luminosità, la tavolozza va da #1A1A1A (più scuro) a #FFFFFF (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, #64B5F6, #81C784, #9E9E9E, #FFF59D, #FFFFFF
La tavolozza UX Wireframe Dark Kit ha una combinazione di colori dei codici 6:
ESADECIMALE: #9e9e9e, RGB: (158, 158, 158); ESADECIMALE: #64b5f6, RGB: (100, 181, 246); ESADECIMALE: #81c784, RGB: (129, 199, 132)
ESADECIMALE: #fff59d, RGB: (255, 245, 157); ESADECIMALE: #ffffff, RGB: (255, 255, 255); ESADECIMALE: #1a1a1a, RGB: (26, 26, 26)
Versione semplificata della tavolozza dei colori
Tonalità di darkgrey, Ombra di deepskyblue, Ombra di darkseagreen, Ombra di Cachi, Bianco, Ombra di Nero
La combinazione di colori è stata creata da colorslib
Codici colori nella tavolozza
UX Wireframe Dark Kit codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #9e9e9e | #9e9e9e | RGB(158, 158, 158) | Outline Gray | Gray62 |
| #64b5f6 | #64b5f6 | RGB(100, 181, 246) | Placeholder Blue | — |
| #81c784 | #81c784 | RGB(129, 199, 132) | Clickable Mint | — |
| #fff59d | #fff59d | RGB(255, 245, 157) | Inactive Yellow | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Text White | White |
| #1a1a1a | #1a1a1a | RGB(26, 26, 26) | Background Black | Gray10 |
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 |
#9e9e9e | #64b5f6 | 1.2 |
#9e9e9e | #81c784 | 1.33 |
#64b5f6 | #81c784 | 1.1 |
#64b5f6 | #fff59d | 1.98 |
#81c784 | #fff59d | 1.8 |
#fff59d | #ffffff | 1.11 |
Tavolozza immagini UX Wireframe Dark Kit png
Esporta tavolozza
Scarica la "UX Wireframe Dark Kit" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: