Editor de tokens de diseño y temas CSS

DTCG 2025.10 espacio de trabajo simbólico

Edita, resuelve, previsualiza y exporta tokens de diseño DTCG y temas CSS localmente.

dtcg DTCG 2025.10 Modo

Tokens

Grupos

Modos

Bibliografía

Errores

Pares de contraste

Ruta de token

color.background

Tipo

Descripción

Valor de modo · base

Valor resuelto

{
  "colorSpace": "srgb",
  "components": [
    1,
    1,
    1
  ],
  "alpha": 1
}

Referencias directas

Sin referencia

01
Importar un sistema de tokens
Abrir DTCG JSON, Diccionario de estilo JSON o CSS propiedades personalizadas.
02
Resolver y previsualizar
Edite modos, inspeccione referencias y haga previsualizaciones seguras de componentes locales con pruebas de contraste.
03
Comparar y exportar
Revise los cambios de ruta o tipo de ruptura y genere artefactos temáticos interoperables.

¿El DTCG 2025.10 es un estándar W3C?

Se trata de una recomendación del grupo comunitario Design Tokens, no de una recomendación W3C.

¿Pueden los valores importados afectar a todo el sitio?

No. La vista previa utiliza valores locales validados y no inyecta CSS global arbitrario.

¿Cómo se representan los temas?

Se conservan los valores de base más las anulaciones explícitas del modo local; la extensión del modo es claramente específica para el proveedor.

¿La revisión de contraste cubre cada estado de componente?

No. Evalúa pares de colores semánticos detectables; los equipos deben probar todos los estados y contenidos reales.

Continúa con otras utilidades web específicas.