Créé à 03/30/2026 11:31
Human Computer Interaction Cognitive Load UX Palette
- Focus Blue#3b82f6
- Memory Green#22c55e
- Attention Yellow#facc15
- Error Red#ef4444
- Neutral Light#f9fafb
- Depth Gray#6b7280
- Text Black#020617
La palette se compose de Lumière, Sombre couleurs. Couleurs d'accent Focus Blue #3b82f6 et Attention Yellow #facc15. La palette a une température de couleur Froid, Chaud, Neutre.
En luminosité, cette palette va de #020617 (plus sombre) à #F9FAFB (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) : #020617, #22C55E, #3B82F6, #6B7280, #EF4444, #F9FAFB, #FACC15
La palette Human Computer Interaction Cognitive Load UX Palette a une combinaison de couleurs de codes 7:
HEX: #3b82f6, RVB: (59, 130, 246); HEX: #22c55e, RVB: (34, 197, 94); HEX: #facc15, RVB: (250, 204, 21)
HEX: #ef4444, RVB: (239, 68, 68); HEX: #f9fafb, RVB: (249, 250, 251); HEX: #6b7280, RVB: (107, 114, 128)
HEX: #020617, RVB: (2, 6, 23)
Version simplifiée des couleurs de la palette
Nuance de dodgerblue, Nuance de limegreen, Nuance de gold, Nuance de indianred, Ombre de whitesmoke, Nuance de slategrey, Ombre de Noir
Le jeu de couleurs a été créé par colorday
Codes couleurs dans la palette
Human Computer Interaction Cognitive Load UX Palette codes de couleur HEX, informations RVB dans le tableau
| Couleur | HEX | RVB | Nom | Autre nom |
| #3b82f6 | #3b82f6 | RVB(59, 130, 246) | Focus Blue | — |
| #22c55e | #22c55e | RVB(34, 197, 94) | Memory Green | — |
| #facc15 | #facc15 | RVB(250, 204, 21) | Attention Yellow | — |
| #ef4444 | #ef4444 | RVB(239, 68, 68) | Error Red | — |
| #f9fafb | #f9fafb | RVB(249, 250, 251) | Neutral Light | — |
| #6b7280 | #6b7280 | RVB(107, 114, 128) | Depth Gray | — |
| #020617 | #020617 | RVB(2, 6, 23) | Text Black | — |
Contraste de la palette de couleurs
7 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 |
#3b82f6 | #22c55e | 1.61 |
#3b82f6 | #ef4444 | 1.02 |
#3b82f6 | #6b7280 | 1.31 |
#22c55e | #facc15 | 1.48 |
#22c55e | #ef4444 | 1.65 |
#facc15 | #f9fafb | 1.46 |
Palette d'images Human Computer Interaction Cognitive Load UX Palette png
Exporter la palette
Téléchargez la "Human Computer Interaction Cognitive Load UX Palette" dans plusieurs formats pour une intégration fluide dans vos projets de design.
Formats disponibles :