Loading...
Creato a 08/11/2025 09:53
Dark Mode SaaS Platform
- Header Gray#1e1e1e
- Card White#f5f5f5
- Accent Blue#3b9ae1
- Success Green#4caf50
- Warning Amber#ffc107
- Error Red#f44336
La tavolozza è composta da Buio, Leggero colori. Colori accentati Accent Blue #3b9ae1 e Warning Amber #ffc107. La tavolozza ha la temperatura del colore Neutro, Freddo, Caldo.
Per luminosità, la tavolozza va da #1E1E1E (più scuro) a #F5F5F5 (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).
Note calde e fredde sono abbastanza bilanciate.
Codici HEX (ordinati): #1E1E1E, #3B9AE1, #4CAF50, #F44336, #F5F5F5, #FFC107
La tavolozza Dark Mode SaaS Platform ha una combinazione di colori dei codici 6:
ESADECIMALE: #1e1e1e, RGB: (30, 30, 30); ESADECIMALE: #f5f5f5, RGB: (245, 245, 245); ESADECIMALE: #3b9ae1, RGB: (59, 154, 225)
ESADECIMALE: #4caf50, RGB: (76, 175, 80); ESADECIMALE: #ffc107, RGB: (255, 193, 7); ESADECIMALE: #f44336, RGB: (244, 67, 54)
Versione semplificata della tavolozza dei colori
Ombra di Nero, Ombra di dodgerblue, Tonalità di mediumseagreen, Tonalità di gold, Tonalità di tomato
La combinazione di colori è stata creata da colorstudio
Codici colori nella tavolozza
Dark Mode SaaS Platform codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #1e1e1e | #1e1e1e | RGB(30, 30, 30) | Header Gray | — |
| #f5f5f5 | #f5f5f5 | RGB(245, 245, 245) | Card White | White Smoke |
| #3b9ae1 | #3b9ae1 | RGB(59, 154, 225) | Accent Blue | — |
| #4caf50 | #4caf50 | RGB(76, 175, 80) | Success Green | — |
| #ffc107 | #ffc107 | RGB(255, 193, 7) | Warning Amber | — |
| #f44336 | #f44336 | RGB(244, 67, 54) | Error Red | — |
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 |
#f5f5f5 | #ffc107 | 1.49 |
#3b9ae1 | #4caf50 | 1.09 |
#3b9ae1 | #ffc107 | 1.86 |
#3b9ae1 | #f44336 | 1.2 |
#4caf50 | #ffc107 | 1.7 |
#4caf50 | #f44336 | 1.32 |
Tavolozza immagini Dark Mode SaaS Platform png
Esporta tavolozza
Scarica la "Dark Mode SaaS Platform" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: