Creato a 06/20/2025 07:41
Next-Gen SaaS UI Matrix
- Usermode Cyan#66fff9
- Sync Ink#292c34
- Auth Pink#ffd2e1
- Panel Bone#f8f5f1
- Admin Violet#8e7cff
- Metric Green#7ed957
La tavolozza è composta da Leggero, Buio colori. Colori accentati Usermode Cyan #66fff9 e Auth Pink #ffd2e1. La tavolozza ha la temperatura del colore Freddo, Neutro, Caldo.
Per luminosità, la tavolozza va da #292C34 (più scuro) a #F8F5F1 (più chiaro). L’intervallo di luminosità è ampio.
La saturazione complessiva risulta vivida (croma alto).
Alcune coppie di tonalità sono vicine a posizioni complementari — si può leggere come contrasto complementare (euristica).
Complessivamente la temperatura tende al freddo.
Codici HEX (ordinati): #292C34, #66FFF9, #7ED957, #8E7CFF, #F8F5F1, #FFD2E1
La tavolozza Next-Gen SaaS UI Matrix ha una combinazione di colori dei codici 6:
ESADECIMALE: #66fff9, RGB: (102, 255, 249); ESADECIMALE: #292c34, RGB: (41, 44, 52); ESADECIMALE: #ffd2e1, RGB: (255, 210, 225)
ESADECIMALE: #f8f5f1, RGB: (248, 245, 241); ESADECIMALE: #8e7cff, RGB: (142, 124, 255); ESADECIMALE: #7ed957, RGB: (126, 217, 87)
Versione semplificata della tavolozza dei colori
Ombra di cyan, Ombra di Nero, Ombra di Rosa, Ombra di whitesmoke, Ombra di mediumslateblue, Ombra di limegreen
La combinazione di colori è stata creata da bad_colors
Codici colori nella tavolozza
Next-Gen SaaS UI Matrix codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #66fff9 | #66fff9 | RGB(102, 255, 249) | Usermode Cyan | — |
| #292c34 | #292c34 | RGB(41, 44, 52) | Sync Ink | — |
| #ffd2e1 | #ffd2e1 | RGB(255, 210, 225) | Auth Pink | — |
| #f8f5f1 | #f8f5f1 | RGB(248, 245, 241) | Panel Bone | — |
| #8e7cff | #8e7cff | RGB(142, 124, 255) | Admin Violet | — |
| #7ed957 | #7ed957 | RGB(126, 217, 87) | Metric Green | — |
Contrasto della palette di colori
7 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 |
#66fff9 | #ffd2e1 | 1.1 |
#66fff9 | #f8f5f1 | 1.12 |
#66fff9 | #7ed957 | 1.44 |
#ffd2e1 | #f8f5f1 | 1.24 |
#ffd2e1 | #7ed957 | 1.3 |
#f8f5f1 | #7ed957 | 1.61 |
Tavolozza immagini Next-Gen SaaS UI Matrix png
Esporta tavolozza
Scarica la "Next-Gen SaaS UI Matrix" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: