Generador de CSS clamp

Cómo usar Generador de CSS clamp

Generador de CSS clamp. Exporta rem y vw. Indica la fuente raíz de tu página. La vista simula el ancho elegido.

1. Cambia los colores, texto o valores de arriba.
2. Compara la vista previa al ajustar los controles.
3. Copia el resultado o descárgalo en tu dispositivo.

Generador de CSS clamp · Ejemplo

{
  "min": 16,
  "max": 32,
  "start": 320,
  "end": 1280,
  "root": 16,
  "viewport": 800,
  "text": "LocalKit"
}

font-size: clamp(1rem, 0.66667rem + 1.66667vw, 2rem);

Notas de uso

Los archivos y las entradas se procesan en este navegador. Sin subidas ni cuentas.

Exporta rem y vw. Indica la fuente raíz de tu página. La vista simula el ancho elegido.