Creato a 06/14/2025 19:40
Multi-Device Responsive Design
Breakpoints Cream
#f5f3f0
Viewport Aqua
#89f8c2
Container Navy
#334155
Device Coral
#ff8fa3
Media Query Dust
#d4d4d8
Resize Ink
#202124
La tavolozza è composta da Leggero, Buio colori. Colori accentati Viewport Aqua #89f8c2 e Device Coral #ff8fa3. La tavolozza ha la temperatura del colore Neutro, Freddo, Caldo.
La tavolozza Multi-Device Responsive Design ha una combinazione di colori dei codici 6:
ESADECIMALE: #f5f3f0, RGB: (245, 243, 240); ESADECIMALE: #89f8c2, RGB: (137, 248, 194); ESADECIMALE: #334155, RGB: (51, 65, 85)
ESADECIMALE: #ff8fa3, RGB: (255, 143, 163); ESADECIMALE: #d4d4d8, RGB: (212, 212, 216); ESADECIMALE: #202124, RGB: (32, 33, 36)
Versione semplificata della tavolozza dei colori
Tonalità di whitesmoke, Tonalità di aquamarine, Tonalità di darkslateblue, Ombra di lightcoral, Ombra di lightgrey, Ombra di Nero
La combinazione di colori è stata creata da colorday
Codici colori nella tavolozza
Multi-Device Responsive Design codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #f5f3f0 | #f5f3f0 | RGB(245, 243, 240) | Breakpoints Cream | — |
| #89f8c2 | #89f8c2 | RGB(137, 248, 194) | Viewport Aqua | — |
| #334155 | #334155 | RGB(51, 65, 85) | Container Navy | — |
| #ff8fa3 | #ff8fa3 | RGB(255, 143, 163) | Device Coral | — |
| #d4d4d8 | #d4d4d8 | RGB(212, 212, 216) | Media Query Dust | — |
| #202124 | #202124 | RGB(32, 33, 36) | Resize Ink | Noble Black |
Contrasto della palette di colori
7 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 |
#f5f3f0 | #89f8c2 | 1.16 |
#f5f3f0 | #ff8fa3 | 1.95 |
#f5f3f0 | #d4d4d8 | 1.33 |
#89f8c2 | #ff8fa3 | 1.67 |
#89f8c2 | #d4d4d8 | 1.14 |
#334155 | #202124 | 1.55 |
