Guide de l’outil couleur
Générateur de tokens de couleur
Exportez une palette en JSON simple ou en tokens DTCG 2025.10 avec primitives et alias sémantiques clairs et sombres.
Couleurs primitives
Les gammes primaire, secondaire et neutre stockent des valeurs explicites. Des primitives supplémentaires conservent les couleurs sémantiques absentes des gammes.
Alias sémantiques
Les groupes clair et sombre décrivent le fond, le texte et les couleurs principales. Chaque rôle référence une primitive sans répéter sa valeur.
Exemple de couleur et d’alias DTCG
{
"color": {
"$type": "color",
"brand": {
"$value": {
"colorSpace": "srgb",
"components": [
0.1450980392156863,
0.38823529411764707,
0.9215686274509803
],
"alpha": 1,
"hex": "#2563eb"
}
}
},
"semantic": {
"$type": "color",
"primary": {
"$value": "{color.brand}"
}
}
}Exemple réduit. Le générateur exporte les gammes et groupes sémantiques complets, avec des composantes sRGB de 0 à 1.
Utiliser les tokens dans votre projet
Choisissez le groupe clair ou sombre dans votre pipeline. Ces groupes séparés ne changent pas automatiquement le thème. Conservez vos imports et vérifiez la version DTCG acceptée par vos outils.