Creato a 07/11/2025 13:02
Dark Mode App Dev Template
- App Shell Black#121212
- Active State Green#80ed99
- Component Grid Slate#7d8597
- Notification Pink#ff6b81
- Surface Panel Grey#dadada
- Text Primary White#fcfcfc
La tavolozza è composta da Buio, Leggero colori. Colori accentati Active State Green #80ed99 e Notification Pink #ff6b81. La tavolozza ha la temperatura del colore Neutro, Freddo, Caldo.
Per luminosità, la tavolozza va da #121212 (più scuro) a #FCFCFC (più chiaro). L’intervallo di luminosità è ampio.
La saturazione complessiva risulta per lo più smorzata (croma basso).
La maggior parte dei colori è quasi neutra o a bassissima saturazione; le relazioni tra toni sono sottili.
Complessivamente la temperatura tende al freddo.
Codici HEX (ordinati): #121212, #7D8597, #80ED99, #DADADA, #FCFCFC, #FF6B81
La tavolozza Dark Mode App Dev Template ha una combinazione di colori dei codici 6:
ESADECIMALE: #121212, RGB: (18, 18, 18); ESADECIMALE: #80ed99, RGB: (128, 237, 153); ESADECIMALE: #7d8597, RGB: (125, 133, 151)
ESADECIMALE: #ff6b81, RGB: (255, 107, 129); ESADECIMALE: #dadada, RGB: (218, 218, 218); ESADECIMALE: #fcfcfc, RGB: (252, 252, 252)
Versione semplificata della tavolozza dei colori
Ombra di Nero, Tonalità di lightgreen, Tonalità di lightslategrey, Tonalità di lightcoral, Tonalità di gainsboro, Tonalità di Bianco
La combinazione di colori è stata creata da colorslib
Codici colori nella tavolozza
Dark Mode App Dev Template codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #121212 | #121212 | RGB(18, 18, 18) | App Shell Black | Dark Tone Ink |
| #80ed99 | #80ed99 | RGB(128, 237, 153) | Active State Green | — |
| #7d8597 | #7d8597 | RGB(125, 133, 151) | Component Grid Slate | — |
| #ff6b81 | #ff6b81 | RGB(255, 107, 129) | Notification Pink | — |
| #dadada | #dadada | RGB(218, 218, 218) | Surface Panel Grey | — |
| #fcfcfc | #fcfcfc | RGB(252, 252, 252) | Text Primary White | Gray99 |
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 |
#80ed99 | #ff6b81 | 1.88 |
#80ed99 | #dadada | 1.03 |
#80ed99 | #fcfcfc | 1.41 |
#7d8597 | #ff6b81 | 1.35 |
#ff6b81 | #dadada | 1.95 |
#dadada | #fcfcfc | 1.36 |
Tavolozza immagini Dark Mode App Dev Template png
Esporta tavolozza
Scarica la "Dark Mode App Dev Template" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: