Créé à 07/22/2025 11:50
Accessible Contrast-First Vue Components
- ADA Aqua#00acc1
- Standard Black#000000
- Banner Light#f5f5f5
- Headline Amber#ffc107
- Link Purple#7e57c2
- Modal White#ffffff
- Form Label Gray#757575
La palette se compose de Lumière, Sombre couleurs. Couleurs d'accent ADA Aqua #00acc1 et Headline Amber #ffc107. La palette a une température de couleur Froid, Neutre, Chaud.
En luminosité, cette palette va de #000000 (plus sombre) à #FFFFFF (plus clair). L’écart de luminosité est large.
La saturation semble globalement plutôt faible (chromie basse).
Les teintes sont largement réparties — palette variée (heuristique).
La plupart des pastilles lisent comme neutres en température.
Codes HEX (triés) : #000000, #00ACC1, #757575, #7E57C2, #F5F5F5, #FFC107, #FFFFFF
La palette Accessible Contrast-First Vue Components a une combinaison de couleurs de codes 7:
HEX: #00acc1, RVB: (0, 172, 193); HEX: #000000, RVB: (0, 0, 0); HEX: #f5f5f5, RVB: (245, 245, 245)
HEX: #ffc107, RVB: (255, 193, 7); HEX: #7e57c2, RVB: (126, 87, 194); HEX: #ffffff, RVB: (255, 255, 255)
HEX: #757575, RVB: (117, 117, 117)
Version simplifiée des couleurs de la palette
Nuance de cadetblue, Noir, Nuance de gold, Ombre de slateblue, Blanc, Ombre de dimgrey
Le jeu de couleurs a été créé par raccoon
Codes couleurs dans la palette
Accessible Contrast-First Vue Components codes de couleur HEX, informations RVB dans le tableau
| Couleur | HEX | RVB | Nom | Autre nom |
| #00acc1 | #00acc1 | RVB(0, 172, 193) | ADA Aqua | — |
| #000000 | #000000 | RVB(0, 0, 0) | Standard Black | Black |
| #f5f5f5 | #f5f5f5 | RVB(245, 245, 245) | Banner Light | White Smoke |
| #ffc107 | #ffc107 | RVB(255, 193, 7) | Headline Amber | — |
| #7e57c2 | #7e57c2 | RVB(126, 87, 194) | Link Purple | — |
| #ffffff | #ffffff | RVB(255, 255, 255) | Modal White | White |
| #757575 | #757575 | RVB(117, 117, 117) | Form Label Gray | Sonic Silver |
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 |
#00acc1 | #ffc107 | 1.67 |
#00acc1 | #7e57c2 | 1.9 |
#00acc1 | #757575 | 1.68 |
#f5f5f5 | #ffc107 | 1.49 |
#f5f5f5 | #ffffff | 1.09 |
#ffc107 | #ffffff | 1.63 |
Palette d'images Accessible Contrast-First Vue Components png
Exporter la palette
Téléchargez la "Accessible Contrast-First Vue Components" dans plusieurs formats pour une intégration fluide dans vos projets de design.
Formats disponibles :