Creato a 07/19/2025 07:25
Minimal Mobile Web Toolkit
- Light UI Ivory#fffbf5
- Outline Gray#e5e7eb
- Primary Teal#14b8a6
- Highlight Blue#3b82f6
- Modal Black#111827
- Card Shell Beige#fdf6ec
La tavolozza è composta da Leggero, Buio colori. Colori accentati Light UI Ivory #fffbf5 e Highlight Blue #3b82f6. La tavolozza ha la temperatura del colore Neutro, Freddo.
Per luminosità, la tavolozza va da #111827 (più scuro) a #FFFBF5 (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).
La maggior parte dei campioni risulta neutra in temperatura.
Codici HEX (ordinati): #111827, #14B8A6, #3B82F6, #E5E7EB, #FDF6EC, #FFFBF5
La tavolozza Minimal Mobile Web Toolkit ha una combinazione di colori dei codici 6:
ESADECIMALE: #fffbf5, RGB: (255, 251, 245); ESADECIMALE: #e5e7eb, RGB: (229, 231, 235); ESADECIMALE: #14b8a6, RGB: (20, 184, 166)
ESADECIMALE: #3b82f6, RGB: (59, 130, 246); ESADECIMALE: #111827, RGB: (17, 24, 39); ESADECIMALE: #fdf6ec, RGB: (253, 246, 236)
Versione semplificata della tavolozza dei colori
Ombra di floralwhite, Ombra di gainsboro, Tonalità di lightseagreen, Tonalità di dodgerblue, Ombra di Nero, Tonalità di floralwhite
La combinazione di colori è stata creata da colorslib
Altre tavolozze con:
Codici colori nella tavolozza
Minimal Mobile Web Toolkit codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #fffbf5 | #fffbf5 | RGB(255, 251, 245) | Light UI Ivory | — |
| #e5e7eb | #e5e7eb | RGB(229, 231, 235) | Outline Gray | — |
| #14b8a6 | #14b8a6 | RGB(20, 184, 166) | Primary Teal | — |
| #3b82f6 | #3b82f6 | RGB(59, 130, 246) | Highlight Blue | — |
| #111827 | #111827 | RGB(17, 24, 39) | Modal Black | — |
| #fdf6ec | #fdf6ec | RGB(253, 246, 236) | Card Shell Beige | — |
Contrasto della palette di colori
4 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 |
#fffbf5 | #e5e7eb | 1.2 |
#fffbf5 | #fdf6ec | 1.04 |
#e5e7eb | #fdf6ec | 1.15 |
#14b8a6 | #3b82f6 | 1.47 |
Tavolozza immagini Minimal Mobile Web Toolkit png
Esporta tavolozza
Scarica la "Minimal Mobile Web Toolkit" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: