Creato a 06/28/2025 20:38
Dark Theme SaaS Layout Kit
Background Jet
#0f172a
Widget Mint
#4ade80
Accent Indigo
#4f46e5
Chart Cream
#fdf6ec
Text Gray
#9ca3af
Tooltip Gold
#facc15
Button Rose
#f472b6
La tavolozza è composta da Buio, Leggero, Semi scuro colori. Colori accentati Accent Indigo #4f46e5 e Tooltip Gold #facc15. La tavolozza ha la temperatura del colore Freddo, Neutro, Caldo.
La tavolozza Dark Theme SaaS Layout Kit ha una combinazione di colori dei codici 7:
ESADECIMALE: #0f172a, RGB: (15, 23, 42); ESADECIMALE: #4ade80, RGB: (74, 222, 128); ESADECIMALE: #4f46e5, RGB: (79, 70, 229)
ESADECIMALE: #fdf6ec, RGB: (253, 246, 236); ESADECIMALE: #9ca3af, RGB: (156, 163, 175); ESADECIMALE: #facc15, RGB: (250, 204, 21)
ESADECIMALE: #f472b6, RGB: (244, 114, 182)
Versione semplificata della tavolozza dei colori
Ombra di Nero, Ombra di mediumspringgreen, Tonalità di slateblue, Tonalità di floralwhite, Tonalità di darkgrey, Tonalità di gold, Ombra di hotpink
La combinazione di colori è stata creata da hex
Codici colori nella tavolozza
Dark Theme SaaS Layout Kit codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #0f172a | #0f172a | RGB(15, 23, 42) | Background Jet | — |
| #4ade80 | #4ade80 | RGB(74, 222, 128) | Widget Mint | — |
| #4f46e5 | #4f46e5 | RGB(79, 70, 229) | Accent Indigo | — |
| #fdf6ec | #fdf6ec | RGB(253, 246, 236) | Chart Cream | — |
| #9ca3af | #9ca3af | RGB(156, 163, 175) | Text Gray | — |
| #facc15 | #facc15 | RGB(250, 204, 21) | Tooltip Gold | — |
| #f472b6 | #f472b6 | RGB(244, 114, 182) | Button Rose | — |
Contrasto della palette di colori
8 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 |
#4ade80 | #fdf6ec | 1.62 |
#4ade80 | #9ca3af | 1.45 |
#4ade80 | #facc15 | 1.13 |
#4ade80 | #f472b6 | 1.51 |
#fdf6ec | #facc15 | 1.42 |
#9ca3af | #facc15 | 1.65 |
