Créé à 07/21/2025 12:41
Accessible Dark UI Toolkit Flow
- Shadow Graphite#121212
- Tooltip White#f5f5f5
- CTA Orange#ffa500
- Link Sky#87ceeb
- Form Ink#1e1e1e
- Toggle Lime#b5f44a
- AltText Grey#a9a9a9
La palette se compose de Sombre, Lumière couleurs. Couleurs d'accent CTA Orange #ffa500 et Link Sky #87ceeb. La palette a une température de couleur Neutre, Chaud, Froid.
En luminosité, cette palette va de #121212 (plus sombre) à #F5F5F5 (plus clair). L’écart de luminosité est large.
La saturation semble globalement plutôt faible (chromie basse).
Certaines paires sont proches de positions complémentaires — effet possible de contraste (heuristique).
La plupart des pastilles lisent comme neutres en température.
Codes HEX (triés) : #121212, #1E1E1E, #87CEEB, #A9A9A9, #B5F44A, #F5F5F5, #FFA500
La palette Accessible Dark UI Toolkit Flow a une combinaison de couleurs de codes 7:
HEX: #121212, RVB: (18, 18, 18); HEX: #f5f5f5, RVB: (245, 245, 245); HEX: #ffa500, RVB: (255, 165, 0)
HEX: #87ceeb, RVB: (135, 206, 235); HEX: #1e1e1e, RVB: (30, 30, 30); HEX: #b5f44a, RVB: (181, 244, 74)
HEX: #a9a9a9, RVB: (169, 169, 169)
Version simplifiée des couleurs de la palette
Ombre de Noir, Orange, Ombre de Noir, Nuance de greenyellow
Le jeu de couleurs a été créé par colorscheme
Codes couleurs dans la palette
Accessible Dark UI Toolkit Flow codes de couleur HEX, informations RVB dans le tableau
| Couleur | HEX | RVB | Nom | Autre nom |
| #121212 | #121212 | RVB(18, 18, 18) | Shadow Graphite | Dark Tone Ink |
| #f5f5f5 | #f5f5f5 | RVB(245, 245, 245) | Tooltip White | White Smoke |
| #ffa500 | #ffa500 | RVB(255, 165, 0) | CTA Orange | Orange |
| #87ceeb | #87ceeb | RVB(135, 206, 235) | Link Sky | Afternoon Sky |
| #1e1e1e | #1e1e1e | RVB(30, 30, 30) | Form Ink | — |
| #b5f44a | #b5f44a | RVB(181, 244, 74) | Toggle Lime | — |
| #a9a9a9 | #a9a9a9 | RVB(169, 169, 169) | AltText Grey | Darkgray |
Contraste de la palette de couleurs
10 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 |
#121212 | #1e1e1e | 1.12 |
#f5f5f5 | #ffa500 | 1.81 |
#f5f5f5 | #87ceeb | 1.59 |
#f5f5f5 | #b5f44a | 1.2 |
#ffa500 | #87ceeb | 1.13 |
#ffa500 | #b5f44a | 1.5 |
Palette d'images Accessible Dark UI Toolkit Flow png
Exporter la palette
Téléchargez la "Accessible Dark UI Toolkit Flow" dans plusieurs formats pour une intégration fluide dans vos projets de design.
Formats disponibles :