Creato a 08/11/2025 14:45
Adaptive UX Pattern Library
- Primary Blue#1565c0
- Accent Coral#ff6f61
- Focus Mint#81c784
- Neutral Gray#9e9e9e
- Alert Yellow#f9a825
- Background White#ffffff
- Text Black#000000
La tavolozza è composta da Semi scuro, Leggero, Buio colori. Colori accentati Primary Blue #1565c0 e Accent Coral #ff6f61. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.
Per luminosità, la tavolozza va da #000000 (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).
La maggior parte dei campioni risulta neutra in temperatura.
Codici HEX (ordinati): #000000, #1565C0, #81C784, #9E9E9E, #F9A825, #FF6F61, #FFFFFF
La tavolozza Adaptive UX Pattern Library ha una combinazione di colori dei codici 7:
ESADECIMALE: #1565c0, RGB: (21, 101, 192); ESADECIMALE: #ff6f61, RGB: (255, 111, 97); ESADECIMALE: #81c784, RGB: (129, 199, 132)
ESADECIMALE: #9e9e9e, RGB: (158, 158, 158); ESADECIMALE: #f9a825, RGB: (249, 168, 37); ESADECIMALE: #ffffff, RGB: (255, 255, 255)
ESADECIMALE: #000000, RGB: (0, 0, 0)
Versione semplificata della tavolozza dei colori
Tonalità di royalblue, Tonalità di salmon, Ombra di darkseagreen, Tonalità di darkgrey, Ombra di Arancia, Bianco, Nero
La combinazione di colori è stata creata da colorstudio
Codici colori nella tavolozza
Adaptive UX Pattern Library codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #1565c0 | #1565c0 | RGB(21, 101, 192) | Primary Blue | — |
| #ff6f61 | #ff6f61 | RGB(255, 111, 97) | Accent Coral | Living Coral |
| #81c784 | #81c784 | RGB(129, 199, 132) | Focus Mint | — |
| #9e9e9e | #9e9e9e | RGB(158, 158, 158) | Neutral Gray | Gray62 |
| #f9a825 | #f9a825 | RGB(249, 168, 37) | Alert Yellow | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Background White | White |
| #000000 | #000000 | RGB(0, 0, 0) | Text Black | 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 |
#ff6f61 | #81c784 | 1.35 |
#ff6f61 | #9e9e9e | 1.01 |
#ff6f61 | #f9a825 | 1.38 |
#81c784 | #9e9e9e | 1.33 |
#81c784 | #f9a825 | 1.02 |
#9e9e9e | #f9a825 | 1.35 |
Tavolozza immagini Adaptive UX Pattern Library png
Esporta tavolozza
Scarica la "Adaptive UX Pattern Library" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: