Creato a 07/13/2025 14:33
Intelligent Notification Design Kit
- Notice Yellow#fff176
- Feedback Indigo#5b5f97
- Dismiss Red#ff6b6b
- Hover Sky#c2f0fc
- Background White#fefefe
- Focus Charcoal#2e2e2e
La tavolozza è composta da Leggero, Semi scuro, Buio colori. Colori accentati Notice Yellow #fff176 e Hover Sky #c2f0fc. La tavolozza ha la temperatura del colore Caldo, Freddo, Neutro.
Per luminosità, la tavolozza va da #2E2E2E (più scuro) a #FEFEFE (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).
Note calde e fredde sono abbastanza bilanciate.
Codici HEX (ordinati): #2E2E2E, #5B5F97, #C2F0FC, #FEFEFE, #FF6B6B, #FFF176
La tavolozza Intelligent Notification Design Kit ha una combinazione di colori dei codici 6:
ESADECIMALE: #fff176, RGB: (255, 241, 118); ESADECIMALE: #5b5f97, RGB: (91, 95, 151); ESADECIMALE: #ff6b6b, RGB: (255, 107, 107)
ESADECIMALE: #c2f0fc, RGB: (194, 240, 252); ESADECIMALE: #fefefe, RGB: (254, 254, 254); ESADECIMALE: #2e2e2e, RGB: (46, 46, 46)
Versione semplificata della tavolozza dei colori
Ombra di Cachi, Tonalità di slateblue, Tonalità di salmon, Ombra di powderblue, Tonalità di Bianco, Ombra di Nero
La combinazione di colori è stata creata da hex
Codici colori nella tavolozza
Intelligent Notification Design Kit codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #fff176 | #fff176 | RGB(255, 241, 118) | Notice Yellow | — |
| #5b5f97 | #5b5f97 | RGB(91, 95, 151) | Feedback Indigo | — |
| #ff6b6b | #ff6b6b | RGB(255, 107, 107) | Dismiss Red | — |
| #c2f0fc | #c2f0fc | RGB(194, 240, 252) | Hover Sky | — |
| #fefefe | #fefefe | RGB(254, 254, 254) | Background White | White as Heaven |
| #2e2e2e | #2e2e2e | RGB(46, 46, 46) | Focus Charcoal | Carbon Fiber |
Contrasto della palette di colori
3 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 | #c2f0fc | 1.05 |
#fff176 | #fefefe | 1.15 |
#c2f0fc | #fefefe | 1.21 |
Tavolozza immagini Intelligent Notification Design Kit png
Esporta tavolozza
Scarica la "Intelligent Notification Design Kit" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: