Créé à 08/02/2025 09:47
AI-Assisted Dashboard Interaction Kit
- Insight Blue#3e8ede
- UI Layer Lilac#bda5e3
- Warning Coral#ff7373
- Panel Grey#f0f0f0
- Dropdown Black#222222
- Notification Yellow#fff799
La palette se compose de Lumière, Sombre couleurs. Couleurs d'accent Insight Blue #3e8ede et Notification Yellow #fff799. La palette a une température de couleur Froid, Chaud, Neutre.
En luminosité, cette palette va de #222222 (plus sombre) à #F0F0F0 (plus clair). L’écart de luminosité est large.
La saturation semble globalement vive (chromie élevée).
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) : #222222, #3E8EDE, #BDA5E3, #F0F0F0, #FF7373, #FFF799
La palette AI-Assisted Dashboard Interaction Kit a une combinaison de couleurs de codes 6:
HEX: #3e8ede, RVB: (62, 142, 222); HEX: #bda5e3, RVB: (189, 165, 227); HEX: #ff7373, RVB: (255, 115, 115)
HEX: #f0f0f0, RVB: (240, 240, 240); HEX: #222222, RVB: (34, 34, 34); HEX: #fff799, RVB: (255, 247, 153)
Version simplifiée des couleurs de la palette
Ombre de dodgerblue, Nuance de plum, Nuance de lightcoral, Nuance de whitesmoke, Ombre de Noir, Ombre de Kaki
Le jeu de couleurs a été créé par raccoon
Codes couleurs dans la palette
AI-Assisted Dashboard Interaction Kit codes de couleur HEX, informations RVB dans le tableau
| Couleur | HEX | RVB | Nom | Autre nom |
| #3e8ede | #3e8ede | RVB(62, 142, 222) | Insight Blue | — |
| #bda5e3 | #bda5e3 | RVB(189, 165, 227) | UI Layer Lilac | — |
| #ff7373 | #ff7373 | RVB(255, 115, 115) | Warning Coral | — |
| #f0f0f0 | #f0f0f0 | RVB(240, 240, 240) | Panel Grey | Gray94 |
| #222222 | #222222 | RVB(34, 34, 34) | Dropdown Black | Black Out |
| #fff799 | #fff799 | RVB(255, 247, 153) | Notification Yellow | — |
Contraste de la palette de couleurs
6 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 |
#3e8ede | #bda5e3 | 1.57 |
#3e8ede | #ff7373 | 1.29 |
#bda5e3 | #ff7373 | 1.21 |
#bda5e3 | #f0f0f0 | 1.9 |
#bda5e3 | #fff799 | 1.96 |
#f0f0f0 | #fff799 | 1.03 |
Palette d'images AI-Assisted Dashboard Interaction Kit png
Exporter la palette
Téléchargez la "AI-Assisted Dashboard Interaction Kit" dans plusieurs formats pour une intégration fluide dans vos projets de design.
Formats disponibles :