Guía de la herramienta de color
Generador de tokens de color
Exporta una paleta como JSON simple o tokens DTCG 2025.10 con primitivas y alias semánticos claros y oscuros.
Colores primitivos
Las escalas primaria, secundaria y neutra guardan valores explícitos. Las primitivas adicionales conservan colores semánticos que no aparecen en las escalas.
Alias semánticos
Los grupos claro y oscuro describen funciones como fondo, texto y primario. Cada función referencia una primitiva sin repetir su valor.
Ejemplo de color y 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}"
}
}
}Ejemplo reducido. El generador exporta escalas y grupos semánticos completos, con componentes sRGB de 0 a 1.
Usar tokens en tu proyecto
Elige el grupo claro u oscuro en tu pipeline. Son grupos separados, no un cambio de tema automático. Conserva los imports y revisa la versión DTCG que admiten tus herramientas.