Creato a 06/05/2025 19:38
SwiftUI Adaptive Layouts
- Apple Midnight#1d1d1f
- Widget Blue#0a84ff
- SafeArea Sand#fff6e0
- View Crimson#ff375f
- System Gray#8e8e93
- Constraint Mint#7ed6c2
La tavolozza è composta da Buio, Leggero colori. Colori accentati Widget Blue #0a84ff e SafeArea Sand #fff6e0. La tavolozza ha la temperatura del colore Neutro, Freddo, Caldo.
Per luminosità, la tavolozza va da #1D1D1F (più scuro) a #FFF6E0 (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): #0A84FF, #1D1D1F, #7ED6C2, #8E8E93, #FF375F, #FFF6E0
La tavolozza SwiftUI Adaptive Layouts ha una combinazione di colori dei codici 6:
ESADECIMALE: #1d1d1f, RGB: (29, 29, 31); ESADECIMALE: #0a84ff, RGB: (10, 132, 255); ESADECIMALE: #fff6e0, RGB: (255, 246, 224)
ESADECIMALE: #ff375f, RGB: (255, 55, 95); ESADECIMALE: #8e8e93, RGB: (142, 142, 147); ESADECIMALE: #7ed6c2, RGB: (126, 214, 194)
Versione semplificata della tavolozza dei colori
Ombra di Nero, Tonalità di dodgerblue, Tonalità di cornsilk, Tonalità di indianred, Ombra di Grigio, Ombra di mediumaquamarine
La combinazione di colori è stata creata da colorstudio
Codici colori nella tavolozza
SwiftUI Adaptive Layouts codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #1d1d1f | #1d1d1f | RGB(29, 29, 31) | Apple Midnight | — |
| #0a84ff | #0a84ff | RGB(10, 132, 255) | Widget Blue | — |
| #fff6e0 | #fff6e0 | RGB(255, 246, 224) | SafeArea Sand | — |
| #ff375f | #ff375f | RGB(255, 55, 95) | View Crimson | — |
| #8e8e93 | #8e8e93 | RGB(142, 142, 147) | System Gray | — |
| #7ed6c2 | #7ed6c2 | RGB(126, 214, 194) | Constraint Mint | — |
Contrasto della palette di colori
5 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 |
#0a84ff | #ff375f | 1.03 |
#0a84ff | #8e8e93 | 1.11 |
#fff6e0 | #7ed6c2 | 1.58 |
#ff375f | #8e8e93 | 1.07 |
#8e8e93 | #7ed6c2 | 1.9 |
Tavolozza immagini SwiftUI Adaptive Layouts png
Esporta tavolozza
Scarica la "SwiftUI Adaptive Layouts" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: