Mobile App Builder Cloud
- Panel Blush#f9a8d4
- Touch Teal#5eead4
- Navigation Ink#111827
- Gradient Cream#fdf6ec
- Input Gray#9ca3af
- Action Coral#fb7185
- Lite Cloud#f8fafc
Creato il 06/26/2025 08:17
La tavolozza è composta da Chiaro, Scuro colori. Colori d'accento Touch Teal #5eead4 e Action Coral #fb7185. La tavolozza ha la temperatura del colore Caldo, Freddo, Neutro.
Per luminosità, la tavolozza va da #111827 (più scuro) a #F8FAFC (più chiaro). L’intervallo di luminosità è ampio.
La saturazione complessiva risulta vivida (croma alto) — il 57% dei colori è vivido.
Alcuni colori sono quasi opposti sulla ruota dei colori e danno alla palette un contrasto complementare.
La maggior parte dei campioni risulta neutra in temperatura (4 su 7).
Codici HEX (ordinati): #111827, #5EEAD4, #9CA3AF, #F8FAFC, #F9A8D4, #FB7185, #FDF6EC
La tavolozza Mobile App Builder Cloud combina 7 codici colore:
HEX: #f9a8d4, RGB: (249, 168, 212); HEX: #5eead4, RGB: (94, 234, 212); HEX: #111827, RGB: (17, 24, 39)
HEX: #fdf6ec, RGB: (253, 246, 236); HEX: #9ca3af, RGB: (156, 163, 175); HEX: #fb7185, RGB: (251, 113, 133)
HEX: #f8fafc, RGB: (248, 250, 252)
Versione semplificata della tavolozza dei colori
Tinta di Prugna, Tinta di Turchese, Tinta di Nero, Sfumatura di Conchiglia, Sfumatura di Grigio scuro, Sfumatura di Corallo chiaro, Tinta di Fumo bianco
La combinazione di colori è stata creata da colorslib
Codici colori nella tavolozza
Mobile App Builder Cloud codici colore HEX, informazioni RGB in tabella
| Colore | HEX | RGB | Nome | Nome alternativo |
|---|---|---|---|---|
| #f9a8d4 | #f9a8d4 | RGB(249, 168, 212) | Panel Blush | — |
| #5eead4 | #5eead4 | RGB(94, 234, 212) | Touch Teal | — |
| #111827 | #111827 | RGB(17, 24, 39) | Navigation Ink | — |
| #fdf6ec | #fdf6ec | RGB(253, 246, 236) | Gradient Cream | — |
| #9ca3af | #9ca3af | RGB(156, 163, 175) | Input Gray | — |
| #fb7185 | #fb7185 | RGB(251, 113, 133) | Action Coral | — |
| #f8fafc | #f8fafc | RGB(248, 250, 252) | Lite Cloud | — |
Contrasto della palette di colori
11 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 |
|---|---|---|
#f9a8d4 | #5eead4 | 1.22 |
#f9a8d4 | #fdf6ec | 1.69 |
#f9a8d4 | #9ca3af | 1.39 |
#f9a8d4 | #fb7185 | 1.48 |
#f9a8d4 | #f8fafc | 1.73 |
#5eead4 | #fdf6ec | 1.37 |
Tavolozza immagini Mobile App Builder Cloud png
Esporta tavolozza
Scarica la "Mobile App Builder Cloud" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: