Guia da ferramenta de cores
Gerador de tokens de cor
Exporte uma paleta como JSON simples ou tokens DTCG 2025.10 com primitivas e aliases semânticos claros e escuros.
Cores primitivas
As escalas primária, secundária e neutra guardam valores explícitos. Primitivas adicionais preservam cores semânticas que não estão nas escalas.
Aliases semânticos
Os grupos claro e escuro descrevem funções como fundo, texto e primário. Cada função aponta para uma primitiva sem repetir o valor.
Exemplo de cor 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}"
}
}
}Exemplo reduzido. O gerador exporta escalas e grupos semânticos completos, com componentes sRGB de 0 a 1.
Usar tokens no projeto
Escolha o grupo claro ou escuro no pipeline. Os grupos separados não mudam o tema automaticamente. Mantenha os imports e confira a versão DTCG aceita pelas suas ferramentas.