Creato a 07/22/2025 11:44
Web Optimization AI UI Framework
- Speed Yellow#fff176
- Lazyload Gray#bdbdbd
- Interactive Magenta#f06292
- Preload Teal#26a69a
- UX Accent Purple#9575cd
- Audit Blue#42a5f5
La tavolozza è composta da Leggero colori. Colori accentati Speed Yellow #fff176 e Audit Blue #42a5f5. La tavolozza ha la temperatura del colore Caldo, Neutro, Freddo.
Per luminosità, la tavolozza va da #26A69A (più scuro) a #BDBDBD (più chiaro). L’intervallo di luminosità è moderato.
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): #26A69A, #42A5F5, #9575CD, #BDBDBD, #F06292, #FFF176
La tavolozza Web Optimization AI UI Framework ha una combinazione di colori dei codici 6:
ESADECIMALE: #fff176, RGB: (255, 241, 118); ESADECIMALE: #bdbdbd, RGB: (189, 189, 189); ESADECIMALE: #f06292, RGB: (240, 98, 146)
ESADECIMALE: #26a69a, RGB: (38, 166, 154); ESADECIMALE: #9575cd, RGB: (149, 117, 205); ESADECIMALE: #42a5f5, RGB: (66, 165, 245)
Versione semplificata della tavolozza dei colori
Ombra di Cachi, Tonalità di Argento, Tonalità di palevioletred, Tonalità di lightseagreen, Ombra di mediumpurple, Ombra di dodgerblue
La combinazione di colori è stata creata da colorhunt
Codici colori nella tavolozza
Web Optimization AI UI Framework codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #fff176 | #fff176 | RGB(255, 241, 118) | Speed Yellow | — |
| #bdbdbd | #bdbdbd | RGB(189, 189, 189) | Lazyload Gray | Gray74 |
| #f06292 | #f06292 | RGB(240, 98, 146) | Interactive Magenta | — |
| #26a69a | #26a69a | RGB(38, 166, 154) | Preload Teal | — |
| #9575cd | #9575cd | RGB(149, 117, 205) | UX Accent Purple | — |
| #42a5f5 | #42a5f5 | RGB(66, 165, 245) | Audit Blue | — |
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 |
#fff176 | #bdbdbd | 1.61 |
#bdbdbd | #f06292 | 1.62 |
#bdbdbd | #26a69a | 1.59 |
#bdbdbd | #9575cd | 1.95 |
#bdbdbd | #42a5f5 | 1.4 |
#f06292 | #26a69a | 1.01 |
Tavolozza immagini Web Optimization AI UI Framework png
Esporta tavolozza
Scarica la "Web Optimization AI UI Framework" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: