Créé à 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 palette se compose de Lumière, Semi foncé, Sombre couleurs. Couleurs d'accent Notice Yellow #fff176 et Hover Sky #c2f0fc. La palette a une température de couleur Chaud, Froid, Neutre.
En luminosité, cette palette va de #2E2E2E (plus sombre) à #FEFEFE (plus clair). L’écart de luminosité est large.
Saturation mixte — passages atténués et accents plus vifs.
Certaines paires sont proches de positions complémentaires — effet possible de contraste (heuristique).
Les notes chaudes et froides sont assez équilibrées.
Codes HEX (triés) : #2E2E2E, #5B5F97, #C2F0FC, #FEFEFE, #FF6B6B, #FFF176
La palette Intelligent Notification Design Kit a une combinaison de couleurs de codes 6:
HEX: #fff176, RVB: (255, 241, 118); HEX: #5b5f97, RVB: (91, 95, 151); HEX: #ff6b6b, RVB: (255, 107, 107)
HEX: #c2f0fc, RVB: (194, 240, 252); HEX: #fefefe, RVB: (254, 254, 254); HEX: #2e2e2e, RVB: (46, 46, 46)
Version simplifiée des couleurs de la palette
Ombre de Kaki, Nuance de slateblue, Nuance de salmon, Ombre de powderblue, Nuance de Blanc, Ombre de Noir
Le jeu de couleurs a été créé par hex
Codes couleurs dans la palette
Intelligent Notification Design Kit codes de couleur HEX, informations RVB dans le tableau
| Couleur | HEX | RVB | Nom | Autre nom |
| #fff176 | #fff176 | RVB(255, 241, 118) | Notice Yellow | — |
| #5b5f97 | #5b5f97 | RVB(91, 95, 151) | Feedback Indigo | — |
| #ff6b6b | #ff6b6b | RVB(255, 107, 107) | Dismiss Red | — |
| #c2f0fc | #c2f0fc | RVB(194, 240, 252) | Hover Sky | — |
| #fefefe | #fefefe | RVB(254, 254, 254) | Background White | White as Heaven |
| #2e2e2e | #2e2e2e | RVB(46, 46, 46) | Focus Charcoal | Carbon Fiber |
Contraste de la palette de couleurs
3 paires de couleurs ont un faible contraste et nécessitent des améliorations, ce qui peut affecter la lisibilité.
| Couleur du texte | Couleur de l'arrière plan | Rapport de contraste |
#fff176 | #c2f0fc | 1.05 |
#fff176 | #fefefe | 1.15 |
#c2f0fc | #fefefe | 1.21 |
Palette d'images Intelligent Notification Design Kit png
Exporter la palette
Téléchargez la "Intelligent Notification Design Kit" dans plusieurs formats pour une intégration fluide dans vos projets de design.
Formats disponibles :