Guida allo strumento colore
Generatore design token colore
Esporta una palette come JSON semplice o token DTCG 2025.10 con primitive e alias semantici chiari/scuri.
Colori primitivi
Le scale primaria, secondaria e neutra contengono valori colore espliciti. Primitive aggiuntive conservano i colori semantici non già presenti nelle scale.
Alias semantici
I gruppi chiaro e scuro descrivono ruoli come sfondo, testo e primario. Ogni ruolo richiama una primitiva invece di ripeterne il valore.
Esempio di colore e 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}"
}
}
}Esempio ridotto. Il generatore esporta scale e gruppi semantici completi, con componenti sRGB da 0 a 1.
Usa i token nel progetto
Scegli il gruppo chiaro o scuro nella tua pipeline. Sono gruppi separati, non un cambio tema automatico. Mantieni gli import esistenti e verifica la versione DTCG supportata dai tuoi strumenti.