Creato a 06/28/2025 20:40
Fullstack SaaS UI Palette
- Frontend Sky#60a5fa
- Backend Jet#111827
- APIGateway Gold#fcd34d
- Deploy Mist#f1f5f9
- Monitor Slate#334155
- Database Mint#4ade80
- Trigger Coral#fb7185
La tavolozza è composta da Leggero, Buio colori. Colori accentati Frontend Sky #60a5fa e APIGateway Gold #fcd34d. La tavolozza ha la temperatura del colore Freddo, Neutro, Caldo.
Per luminosità, la tavolozza va da #111827 (più scuro) a #F1F5F9 (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): #111827, #334155, #4ADE80, #60A5FA, #F1F5F9, #FB7185, #FCD34D
La tavolozza Fullstack SaaS UI Palette ha una combinazione di colori dei codici 7:
ESADECIMALE: #60a5fa, RGB: (96, 165, 250); ESADECIMALE: #111827, RGB: (17, 24, 39); ESADECIMALE: #fcd34d, RGB: (252, 211, 77)
ESADECIMALE: #f1f5f9, RGB: (241, 245, 249); ESADECIMALE: #334155, RGB: (51, 65, 85); ESADECIMALE: #4ade80, RGB: (74, 222, 128)
ESADECIMALE: #fb7185, RGB: (251, 113, 133)
Versione semplificata della tavolozza dei colori
Ombra di cornflowerblue, Ombra di Nero, Ombra di gold, Tonalità di aliceblue, Tonalità di darkslateblue, Ombra di mediumspringgreen, Tonalità di lightcoral
La combinazione di colori è stata creata da colorscheme
Codici colori nella tavolozza
Fullstack SaaS UI Palette codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #60a5fa | #60a5fa | RGB(96, 165, 250) | Frontend Sky | — |
| #111827 | #111827 | RGB(17, 24, 39) | Backend Jet | — |
| #fcd34d | #fcd34d | RGB(252, 211, 77) | APIGateway Gold | — |
| #f1f5f9 | #f1f5f9 | RGB(241, 245, 249) | Deploy Mist | — |
| #334155 | #334155 | RGB(51, 65, 85) | Monitor Slate | — |
| #4ade80 | #4ade80 | RGB(74, 222, 128) | Database Mint | — |
| #fb7185 | #fb7185 | RGB(251, 113, 133) | Trigger Coral | — |
Contrasto della palette di colori
9 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 |
#60a5fa | #fcd34d | 1.76 |
#60a5fa | #4ade80 | 1.45 |
#60a5fa | #fb7185 | 1.05 |
#111827 | #334155 | 1.71 |
#fcd34d | #f1f5f9 | 1.31 |
#fcd34d | #4ade80 | 1.2 |
Tavolozza immagini Fullstack SaaS UI Palette png
Esporta tavolozza
Scarica la "Fullstack SaaS UI Palette" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: