Figma UX Accessibility Matrix
- Focus Lime#e3ff4a
- Alt Text Dust#cccccc
- Frame Coral#ff796f
- Pixel White#ffffff
- Hierarchy Ink#202124
- Pathfinder Blue#5584ff
- Tactile Taupe#b5a692
Créé le 07/24/2025 13:24
La palette se compose de Clair, Sombre couleurs. Couleurs d'accent Focus Lime #e3ff4a et Pathfinder Blue #5584ff. La palette a une température de couleur Chaud, Neutre, Froid.
En luminosité, cette palette va de #202124 (plus sombre) à #FFFFFF (plus clair). L’écart de luminosité est large.
La saturation semble globalement plutôt faible (chromie basse) — 57% des couleurs sont peu saturées.
Certaines couleurs sont presque opposées sur le cercle chromatique, ce qui donne à la palette un contraste complémentaire.
La température globale penche vers le chaud (3 sur 7).
Codes HEX (triés) : #202124, #5584FF, #B5A692, #CCCCCC, #E3FF4A, #FF796F, #FFFFFF
La palette Figma UX Accessibility Matrix combine 7 codes couleur:
HEX: #e3ff4a, RVB: (227, 255, 74); HEX: #cccccc, RVB: (204, 204, 204); HEX: #ff796f, RVB: (255, 121, 111)
HEX: #ffffff, RVB: (255, 255, 255); HEX: #202124, RVB: (32, 33, 36); HEX: #5584ff, RVB: (85, 132, 255)
HEX: #b5a692, RVB: (181, 166, 146)
Version simplifiée des couleurs de la palette
Teinte de Jaune, Nuance de Gris clair, Nuance de Saumon, Blanc, Teinte de Noir, Nuance de Bleuet, Nuance de Tanné
Le jeu de couleurs a été créé par colorhunt
Codes couleurs dans la palette
Figma UX Accessibility Matrix codes de couleur HEX, informations RVB dans le tableau
| Couleur | HEX | RVB | Nom | Autre nom |
|---|---|---|---|---|
| #e3ff4a | #e3ff4a | RVB(227, 255, 74) | Focus Lime | — |
| #cccccc | #cccccc | RVB(204, 204, 204) | Alt Text Dust | Cerebral Grey |
| #ff796f | #ff796f | RVB(255, 121, 111) | Frame Coral | — |
| #ffffff | #ffffff | RVB(255, 255, 255) | Pixel White | White |
| #202124 | #202124 | RVB(32, 33, 36) | Hierarchy Ink | Noble Black |
| #5584ff | #5584ff | RVB(85, 132, 255) | Pathfinder Blue | — |
| #b5a692 | #b5a692 | RVB(181, 166, 146) | Tactile Taupe | — |
Contraste de la palette de couleurs
8 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 |
|---|---|---|
#e3ff4a | #cccccc | 1.42 |
#e3ff4a | #ffffff | 1.12 |
#cccccc | #ff796f | 1.59 |
#cccccc | #ffffff | 1.6 |
#cccccc | #b5a692 | 1.48 |
#ff796f | #5584ff | 1.34 |
Palette d'images Figma UX Accessibility Matrix png
Exporter la palette
Téléchargez la "Figma UX Accessibility Matrix" dans plusieurs formats pour une intégration fluide dans vos projets de design.
Formats disponibles :