Design Tokens Theme Export
- Primary Indigo#3f51b5
- Secondary Amber#ffc107
- Neutral Fog#f5f5f5
- Accent Mint#4db6ac
- Error Crimson#e53935
- Base Grey#bdbdbd
- Background Snow#fafafa
Créé le 07/04/2025 09:39
La palette se compose de Semi foncé, Clair couleurs. Couleurs d'accent Primary Indigo #3f51b5 et Secondary Amber #ffc107. La palette a une température de couleur Froid, Chaud, Neutre.
En luminosité, cette palette va de #3F51B5 (plus sombre) à #FAFAFA (plus clair). L’écart de luminosité est modéré.
Saturation mixte — 3 teintes atténuées et 2 vives sur 7 couleurs.
Certaines couleurs sont presque opposées sur le cercle chromatique, ce qui donne à la palette un contraste complémentaire.
Les notes chaudes et froides sont assez équilibrées (2 chaudes, 2 froides).
Codes HEX (triés) : #3F51B5, #4DB6AC, #BDBDBD, #E53935, #F5F5F5, #FAFAFA, #FFC107
La palette Design Tokens Theme Export combine 7 codes couleur:
HEX: #3f51b5, RVB: (63, 81, 181); HEX: #ffc107, RVB: (255, 193, 7); HEX: #f5f5f5, RVB: (245, 245, 245)
HEX: #4db6ac, RVB: (77, 182, 172); HEX: #e53935, RVB: (229, 57, 53); HEX: #bdbdbd, RVB: (189, 189, 189)
HEX: #fafafa, RVB: (250, 250, 250)
Version simplifiée des couleurs de la palette
Nuance de Bleu ardoise, Nuance de Or, Fumée blanche, Teinte de Vert d'eau clair, Teinte de Rouge, Nuance de Argent, Teinte de Fumée blanche
Le jeu de couleurs a été créé par colourlock
Codes couleurs dans la palette
Design Tokens Theme Export codes de couleur HEX, informations RVB dans le tableau
| Couleur | HEX | RVB | Nom | Autre nom |
|---|---|---|---|---|
| #3f51b5 | #3f51b5 | RVB(63, 81, 181) | Primary Indigo | — |
| #ffc107 | #ffc107 | RVB(255, 193, 7) | Secondary Amber | — |
| #f5f5f5 | #f5f5f5 | RVB(245, 245, 245) | Neutral Fog | Whitesmoke |
| #4db6ac | #4db6ac | RVB(77, 182, 172) | Accent Mint | — |
| #e53935 | #e53935 | RVB(229, 57, 53) | Error Crimson | — |
| #bdbdbd | #bdbdbd | RVB(189, 189, 189) | Base Grey | Gray74 |
| #fafafa | #fafafa | RVB(250, 250, 250) | Background Snow | Dr. White |
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 |
|---|---|---|
#3f51b5 | #e53935 | 1.62 |
#ffc107 | #f5f5f5 | 1.49 |
#ffc107 | #4db6ac | 1.49 |
#ffc107 | #bdbdbd | 1.15 |
#ffc107 | #fafafa | 1.56 |
#f5f5f5 | #bdbdbd | 1.72 |
Palette d'images Design Tokens Theme Export png
Exporter la palette
Téléchargez la "Design Tokens Theme Export" dans plusieurs formats pour une intégration fluide dans vos projets de design.
Formats disponibles :