Creato a 06/12/2025 08:39
UX Gamification Toolkit
- Reward Gold#ffd700
- Badge Lilac#d8b4fe
- Level Navy#1e3a8a
- Popup Pink#f9a8d4
- Status Slate#6b7280
- Progress Ivory#fef9ec
La tavolozza è composta da Leggero colori. Colori accentati Reward Gold #ffd700 e Badge Lilac #d8b4fe. La tavolozza ha la temperatura del colore Caldo, Freddo, Neutro.
Per luminosità, la tavolozza va da #1E3A8A (più scuro) a #FEF9EC (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): #1E3A8A, #6B7280, #D8B4FE, #F9A8D4, #FEF9EC, #FFD700
La tavolozza UX Gamification Toolkit ha una combinazione di colori dei codici 6:
ESADECIMALE: #ffd700, RGB: (255, 215, 0); ESADECIMALE: #d8b4fe, RGB: (216, 180, 254); ESADECIMALE: #1e3a8a, RGB: (30, 58, 138)
ESADECIMALE: #f9a8d4, RGB: (249, 168, 212); ESADECIMALE: #6b7280, RGB: (107, 114, 128); ESADECIMALE: #fef9ec, RGB: (254, 249, 236)
Versione semplificata della tavolozza dei colori
Ombra di plum, Tonalità di darkslateblue, Ombra di plum, Tonalità di slategrey, Ombra di oldlace
La combinazione di colori è stata creata da colorslib
Codici colori nella tavolozza
UX Gamification Toolkit codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #ffd700 | #ffd700 | RGB(255, 215, 0) | Reward Gold | Gold |
| #d8b4fe | #d8b4fe | RGB(216, 180, 254) | Badge Lilac | — |
| #1e3a8a | #1e3a8a | RGB(30, 58, 138) | Level Navy | — |
| #f9a8d4 | #f9a8d4 | RGB(249, 168, 212) | Popup Pink | — |
| #6b7280 | #6b7280 | RGB(107, 114, 128) | Status Slate | — |
| #fef9ec | #fef9ec | RGB(254, 249, 236) | Progress Ivory | — |
Contrasto della palette di colori
6 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 |
#ffd700 | #d8b4fe | 1.26 |
#ffd700 | #f9a8d4 | 1.29 |
#ffd700 | #fef9ec | 1.33 |
#d8b4fe | #f9a8d4 | 1.02 |
#d8b4fe | #fef9ec | 1.68 |
#f9a8d4 | #fef9ec | 1.72 |
Tavolozza immagini UX Gamification Toolkit png
Esporta tavolozza
Scarica la "UX Gamification Toolkit" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: