Creato a 06/12/2025 08:29
Responsive UI Audit Framework
- Breakpoint Blue#3b82f6
- Scan Beige#fff1e6
- Error Red#ef4444
- Text Navy#1f2937
- Grid Cream#f6f6f6
- Insight Mint#a7f3d0
La tavolozza è composta da Leggero, Buio colori. Colori accentati Breakpoint Blue #3b82f6 e Scan Beige #fff1e6. La tavolozza ha la temperatura del colore Freddo, Neutro, Caldo.
Per luminosità, la tavolozza va da #1F2937 (più scuro) a #F6F6F6 (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).
Complessivamente la temperatura tende al freddo.
Codici HEX (ordinati): #1F2937, #3B82F6, #A7F3D0, #EF4444, #F6F6F6, #FFF1E6
La tavolozza Responsive UI Audit Framework ha una combinazione di colori dei codici 6:
ESADECIMALE: #3b82f6, RGB: (59, 130, 246); ESADECIMALE: #fff1e6, RGB: (255, 241, 230); ESADECIMALE: #ef4444, RGB: (239, 68, 68)
ESADECIMALE: #1f2937, RGB: (31, 41, 55); ESADECIMALE: #f6f6f6, RGB: (246, 246, 246); ESADECIMALE: #a7f3d0, RGB: (167, 243, 208)
Versione semplificata della tavolozza dei colori
Tonalità di dodgerblue, Ombra di linen, Tonalità di indianred, Ombra di Nero, Ombra di whitesmoke, Ombra di aquamarine
La combinazione di colori è stata creata da colourlock
Codici colori nella tavolozza
Responsive UI Audit Framework codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #3b82f6 | #3b82f6 | RGB(59, 130, 246) | Breakpoint Blue | — |
| #fff1e6 | #fff1e6 | RGB(255, 241, 230) | Scan Beige | — |
| #ef4444 | #ef4444 | RGB(239, 68, 68) | Error Red | — |
| #1f2937 | #1f2937 | RGB(31, 41, 55) | Text Navy | — |
| #f6f6f6 | #f6f6f6 | RGB(246, 246, 246) | Grid Cream | — |
| #a7f3d0 | #a7f3d0 | RGB(167, 243, 208) | Insight Mint | — |
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 |
#3b82f6 | #ef4444 | 1.02 |
#fff1e6 | #f6f6f6 | 1.02 |
#fff1e6 | #a7f3d0 | 1.15 |
#f6f6f6 | #a7f3d0 | 1.18 |
Tavolozza immagini Responsive UI Audit Framework png
Esporta tavolozza
Scarica la "Responsive UI Audit Framework" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: