Créé à 01/05/2026 12:11
Human-Robot Interaction Design System
- Interaction Blue#163a5f
- Gesture Cyan#38d9c8
- Feedback Yellow#ffe066
- Emotion Rose#f28482
- Surface Linen#f7f3ee
- Anchor Charcoal#242933
La palette se compose de Lumière, Sombre couleurs. Couleurs d'accent Gesture Cyan #38d9c8 et Feedback Yellow #ffe066. La palette a une température de couleur Froid, Chaud, Neutre.
En luminosité, cette palette va de #242933 (plus sombre) à #F7F3EE (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).
La température globale penche vers le froid.
Codes HEX (triés) : #163A5F, #242933, #38D9C8, #F28482, #F7F3EE, #FFE066
La palette Human-Robot Interaction Design System a une combinaison de couleurs de codes 6:
HEX: #163a5f, RVB: (22, 58, 95); HEX: #38d9c8, RVB: (56, 217, 200); HEX: #ffe066, RVB: (255, 224, 102)
HEX: #f28482, RVB: (242, 132, 130); HEX: #f7f3ee, RVB: (247, 243, 238); HEX: #242933, RVB: (36, 41, 51)
Version simplifiée des couleurs de la palette
Nuance de darkslateblue, Nuance de turquoise, Ombre de gold, Ombre de lightcoral, Nuance de floralwhite, Ombre de Noir
Le jeu de couleurs a été créé par palettespicker
Codes couleurs dans la palette
Human-Robot Interaction Design System codes de couleur HEX, informations RVB dans le tableau
| Couleur | HEX | RVB | Nom | Autre nom |
| #163a5f | #163a5f | RVB(22, 58, 95) | Interaction Blue | — |
| #38d9c8 | #38d9c8 | RVB(56, 217, 200) | Gesture Cyan | — |
| #ffe066 | #ffe066 | RVB(255, 224, 102) | Feedback Yellow | — |
| #f28482 | #f28482 | RVB(242, 132, 130) | Emotion Rose | — |
| #f7f3ee | #f7f3ee | RVB(247, 243, 238) | Surface Linen | — |
| #242933 | #242933 | RVB(36, 41, 51) | Anchor Charcoal | — |
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 |
#163a5f | #242933 | 1.25 |
#38d9c8 | #ffe066 | 1.35 |
#38d9c8 | #f28482 | 1.42 |
#38d9c8 | #f7f3ee | 1.59 |
#ffe066 | #f28482 | 1.91 |
#ffe066 | #f7f3ee | 1.18 |
Palette d'images Human-Robot Interaction Design System png
Exporter la palette
Téléchargez la "Human-Robot Interaction Design System" dans plusieurs formats pour une intégration fluide dans vos projets de design.
Formats disponibles :