Herramientas gratuitas
Español
Crear variables CSS
Crear variables CSS — Introduce datos y revisa su formato o contenido. Guía de entrada: Nombre=valor (uno por línea). Sin cuenta.
Sin cuenta
Cargando herramienta…
Cómo usar
- 1Guía de entrada: Nombre=valor (uno por línea).
- 2Ejecuta la herramienta y revisa el resultado.
- 3Copiar resultado / Guardar resultado.
A tener en cuenta
Revisa primero el formato del ejemplo. Conserva el original y comprueba valores, espacios y saltos de línea antes de usar el resultado.
Los anuncios pueden procesar datos de conexión. La personalización respeta tus opciones de privacidad. Privacidad (inglés)
Ejemplo calculado de entrada y salida
Resultados del motor real con los valores de ejemplo, sin datos personales ni trabajos guardados. Carga el ejemplo en la herramienta para ver las mismas entradas.
Entrada de ejemplo
| Campo | Valor |
|---|---|
| Nombre=valor (uno por línea) | primary=#0F766E spacing=16px radius=12px |
Resultado de ejemplo
:root {
--primary: #0F766E;
--spacing: 16px;
--radius: 12px;
}