Creato a 07/16/2025 20:17
Mobile First UI Kit for E-Learning Platforms
- Lesson Cream#fff7e6
- Quiz Indigo#4c5b5c
- Interactive Coral#ff6b6b
- Focus Blue#00a6fb
- Progress Gray#bdbdbd
- Content White#ffffff
La tavolozza è composta da Leggero, Semi scuro colori. Colori accentati Lesson Cream #fff7e6 e Focus Blue #00a6fb. La tavolozza ha la temperatura del colore Neutro, Freddo, Caldo.
Per luminosità, la tavolozza va da #4C5B5C (più scuro) a #FFFFFF (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).
Complessivamente la temperatura tende al freddo.
Codici HEX (ordinati): #00A6FB, #4C5B5C, #BDBDBD, #FF6B6B, #FFF7E6, #FFFFFF
La tavolozza Mobile First UI Kit for E-Learning Platforms ha una combinazione di colori dei codici 6:
ESADECIMALE: #fff7e6, RGB: (255, 247, 230); ESADECIMALE: #4c5b5c, RGB: (76, 91, 92); ESADECIMALE: #ff6b6b, RGB: (255, 107, 107)
ESADECIMALE: #00a6fb, RGB: (0, 166, 251); ESADECIMALE: #bdbdbd, RGB: (189, 189, 189); ESADECIMALE: #ffffff, RGB: (255, 255, 255)
Versione semplificata della tavolozza dei colori
Ombra di oldlace, Ombra di darkslategrey, Tonalità di salmon, Ombra di dodgerblue, Tonalità di Argento, Bianco
La combinazione di colori è stata creata da colorscheme
Codici colori nella tavolozza
Mobile First UI Kit for E-Learning Platforms codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #fff7e6 | #fff7e6 | RGB(255, 247, 230) | Lesson Cream | — |
| #4c5b5c | #4c5b5c | RGB(76, 91, 92) | Quiz Indigo | — |
| #ff6b6b | #ff6b6b | RGB(255, 107, 107) | Interactive Coral | — |
| #00a6fb | #00a6fb | RGB(0, 166, 251) | Focus Blue | — |
| #bdbdbd | #bdbdbd | RGB(189, 189, 189) | Progress Gray | Gray74 |
| #ffffff | #ffffff | RGB(255, 255, 255) | Content White | White |
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 |
#fff7e6 | #bdbdbd | 1.76 |
#fff7e6 | #ffffff | 1.06 |
#ff6b6b | #00a6fb | 1.03 |
#ff6b6b | #bdbdbd | 1.47 |
#00a6fb | #bdbdbd | 1.42 |
#bdbdbd | #ffffff | 1.87 |
Tavolozza immagini Mobile First UI Kit for E-Learning Platforms png
Esporta tavolozza
Scarica la "Mobile First UI Kit for E-Learning Platforms" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: