Minimal UX Accessibility Palette
- Clarity White#ffffff
- Text Black#121212
- Notice Yellow#ffd700
- Hint Teal#00bfa6
- Tab Gray#bebebe
- Active Blue#0077ff
Créé le 06/20/2025 17:13
La palette se compose de Clair, Sombre couleurs. Couleurs d'accent Notice Yellow #ffd700 et Hint Teal #00bfa6. La palette a une température de couleur Neutre, Chaud, Froid.
En luminosité, cette palette va de #121212 (plus sombre) à #FFFFFF (plus clair). L’écart de luminosité est large.
Saturation mixte — 3 teintes atténuées et 3 vives sur 6 couleurs.
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 froid (2 sur 6).
Codes HEX (triés) : #0077FF, #00BFA6, #121212, #BEBEBE, #FFD700, #FFFFFF
La palette Minimal UX Accessibility Palette combine 6 codes couleur:
HEX: #ffffff, RVB: (255, 255, 255); HEX: #121212, RVB: (18, 18, 18); HEX: #ffd700, RVB: (255, 215, 0)
HEX: #00bfa6, RVB: (0, 191, 166); HEX: #bebebe, RVB: (190, 190, 190); HEX: #0077ff, RVB: (0, 119, 255)
Version simplifiée des couleurs de la palette
Blanc, Teinte de Noir, Or, Nuance de Vert d'eau clair, Nuance de Argent, Nuance de Bleu royal
Le jeu de couleurs a été créé par colorstudio
Codes couleurs dans la palette
Minimal UX Accessibility Palette codes de couleur HEX, informations RVB dans le tableau
| Couleur | HEX | RVB | Nom | Autre nom |
|---|---|---|---|---|
| #ffffff | #ffffff | RVB(255, 255, 255) | Clarity White | White |
| #121212 | #121212 | RVB(18, 18, 18) | Text Black | Dark Tone Ink |
| #ffd700 | #ffd700 | RVB(255, 215, 0) | Notice Yellow | Gold |
| #00bfa6 | #00bfa6 | RVB(0, 191, 166) | Hint Teal | — |
| #bebebe | #bebebe | RVB(190, 190, 190) | Tab Gray | Tin Soldier |
| #0077ff | #0077ff | RVB(0, 119, 255) | Active Blue | Blue Sparkle |
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 |
|---|---|---|
#ffffff | #ffd700 | 1.4 |
#ffffff | #bebebe | 1.85 |
#ffd700 | #00bfa6 | 1.66 |
#ffd700 | #bebebe | 1.32 |
#00bfa6 | #bebebe | 1.25 |
#00bfa6 | #0077ff | 1.77 |
Palette d'images Minimal UX Accessibility Palette png
Exporter la palette
Téléchargez la "Minimal UX Accessibility Palette" dans plusieurs formats pour une intégration fluide dans vos projets de design.
Formats disponibles :