Créé à 07/16/2025 20:17
Modular Design System for Web Frameworks
Atomic Indigo
#3f51b5
Token Cream
#fffdf7
Structure Steel
#708090
Layout Teal
#00c2a8
Interactive Yellow
#ffeb3b
Syntax Rose
#f7a1c4
Base Grid Gray
#cccccc
La palette se compose de Semi foncé, Lumière couleurs. Couleurs d'accent Token Cream #fffdf7 et Layout Teal #00c2a8. La palette a une température de couleur Froid, Neutre, Chaud.
La palette Modular Design System for Web Frameworks a une combinaison de couleurs de codes 7:
HEX: #3f51b5, RVB: (63, 81, 181); HEX: #fffdf7, RVB: (255, 253, 247); HEX: #708090, RVB: (112, 128, 144)
HEX: #00c2a8, RVB: (0, 194, 168); HEX: #ffeb3b, RVB: (255, 235, 59); HEX: #f7a1c4, RVB: (247, 161, 196)
HEX: #cccccc, RVB: (204, 204, 204)
Version simplifiée des couleurs de la palette
Nuance de slateblue, Ombre de floralwhite, slategrey, Nuance de mediumaquamarine, Nuance de Jaune, Nuance de lightpink, Nuance de lightgrey
Le jeu de couleurs a été créé par coolor
Codes couleurs dans la palette
Modular Design System for Web Frameworks codes de couleur HEX, informations RVB dans le tableau
| Couleur | HEX | RVB | Nom | Autre nom |
| #3f51b5 | #3f51b5 | RVB(63, 81, 181) | Atomic Indigo | — |
| #fffdf7 | #fffdf7 | RVB(255, 253, 247) | Token Cream | — |
| #708090 | #708090 | RVB(112, 128, 144) | Structure Steel | Chain Gang Grey |
| #00c2a8 | #00c2a8 | RVB(0, 194, 168) | Layout Teal | — |
| #ffeb3b | #ffeb3b | RVB(255, 235, 59) | Interactive Yellow | — |
| #f7a1c4 | #f7a1c4 | RVB(247, 161, 196) | Syntax Rose | — |
| #cccccc | #cccccc | RVB(204, 204, 204) | Base Grid Gray | Cerebral Grey |
Contraste de la palette de couleurs
11 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 |
#3f51b5 | #708090 | 1.69 |
#fffdf7 | #ffeb3b | 1.2 |
#fffdf7 | #f7a1c4 | 1.9 |
#fffdf7 | #cccccc | 1.57 |
#708090 | #00c2a8 | 1.79 |
#00c2a8 | #ffeb3b | 1.85 |
