Créé à 07/22/2025 16:55
UI Accessibility Testing Kit Colors
- HighContrast Yellow#ffdd00
- Error Red#ff3b30
- Readable Sky#4aa1f3
- Compliance Gray#b0bec5
- Keyboard Black#1c1c1e
- Voice Text White#ffffff
La palette se compose de Lumière, Semi foncé, Sombre couleurs. Couleurs d'accent HighContrast Yellow #ffdd00 et Readable Sky #4aa1f3. La palette a une température de couleur Chaud, Froid, Neutre.
En luminosité, cette palette va de #1C1C1E (plus sombre) à #FFFFFF (plus clair). L’écart de luminosité est large.
Saturation mixte — passages atténués et accents plus vifs.
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) : #1C1C1E, #4AA1F3, #B0BEC5, #FF3B30, #FFDD00, #FFFFFF
La palette UI Accessibility Testing Kit Colors a une combinaison de couleurs de codes 6:
HEX: #ffdd00, RVB: (255, 221, 0); HEX: #ff3b30, RVB: (255, 59, 48); HEX: #4aa1f3, RVB: (74, 161, 243)
HEX: #b0bec5, RVB: (176, 190, 197); HEX: #1c1c1e, RVB: (28, 28, 30); HEX: #ffffff, RVB: (255, 255, 255)
Version simplifiée des couleurs de la palette
Ombre de gold, Nuance de tomato, Ombre de dodgerblue, Nuance de Argent, Ombre de Noir, Blanc
Le jeu de couleurs a été créé par colorday
Codes couleurs dans la palette
UI Accessibility Testing Kit Colors codes de couleur HEX, informations RVB dans le tableau
| Couleur | HEX | RVB | Nom | Autre nom |
| #ffdd00 | #ffdd00 | RVB(255, 221, 0) | HighContrast Yellow | Super Saiyan |
| #ff3b30 | #ff3b30 | RVB(255, 59, 48) | Error Red | — |
| #4aa1f3 | #4aa1f3 | RVB(74, 161, 243) | Readable Sky | — |
| #b0bec5 | #b0bec5 | RVB(176, 190, 197) | Compliance Gray | Ocean Drive |
| #1c1c1e | #1c1c1e | RVB(28, 28, 30) | Keyboard Black | — |
| #ffffff | #ffffff | RVB(255, 255, 255) | Voice Text White | White |
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 |
#ffdd00 | #b0bec5 | 1.41 |
#ffdd00 | #ffffff | 1.34 |
#ff3b30 | #4aa1f3 | 1.29 |
#ff3b30 | #b0bec5 | 1.86 |
#4aa1f3 | #b0bec5 | 1.43 |
#b0bec5 | #ffffff | 1.9 |
Palette d'images UI Accessibility Testing Kit Colors png
Exporter la palette
Téléchargez la "UI Accessibility Testing Kit Colors" dans plusieurs formats pour une intégration fluide dans vos projets de design.
Formats disponibles :