Créé à 07/10/2025 08:55
Composable Design Language System
Token Plum
#9d4edd
Module Snow
#f7f9fb
Visual Anchor Blue
#0077b6
Syntax Gold
#ffd166
Kit Charcoal
#212529
Palette Rose
#fbb1bd
La palette se compose de Lumière, Semi foncé, Sombre couleurs. Couleurs d'accent Visual Anchor Blue #0077b6 et Syntax Gold #ffd166. La palette a une température de couleur Froid, Neutre, Chaud.
La palette Composable Design Language System a une combinaison de couleurs de codes 6:
HEX: #9d4edd, RVB: (157, 78, 221); HEX: #f7f9fb, RVB: (247, 249, 251); HEX: #0077b6, RVB: (0, 119, 182)
HEX: #ffd166, RVB: (255, 209, 102); HEX: #212529, RVB: (33, 37, 41); HEX: #fbb1bd, RVB: (251, 177, 189)
Version simplifiée des couleurs de la palette
Ombre de darkorchid, Ombre de whitesmoke, Nuance de steelblue, Ombre de gold, Ombre de Noir, Nuance de lightpink
Le jeu de couleurs a été créé par colorslib
Codes couleurs dans la palette
Composable Design Language System codes de couleur HEX, informations RVB dans le tableau
| Couleur | HEX | RVB | Nom | Autre nom |
| #9d4edd | #9d4edd | RVB(157, 78, 221) | Token Plum | — |
| #f7f9fb | #f7f9fb | RVB(247, 249, 251) | Module Snow | — |
| #0077b6 | #0077b6 | RVB(0, 119, 182) | Visual Anchor Blue | — |
| #ffd166 | #ffd166 | RVB(255, 209, 102) | Syntax Gold | — |
| #212529 | #212529 | RVB(33, 37, 41) | Kit Charcoal | — |
| #fbb1bd | #fbb1bd | RVB(251, 177, 189) | Palette Rose | — |
Contraste de la palette de couleurs
4 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 |
#9d4edd | #0077b6 | 1.05 |
#f7f9fb | #ffd166 | 1.36 |
#f7f9fb | #fbb1bd | 1.64 |
#ffd166 | #fbb1bd | 1.2 |
