Herramientas gratuitas
Español
Escala tipográfica CSS
Escala tipográfica CSS — Elige tamaños o colores y revisa el código o resultado. Guía de entrada: Base, Razón común, Cantidad. Sin cuenta.
Sin cuenta
Cargando herramienta…
Cómo usar
- 1Guía de entrada: Base, Razón común, Cantidad.
- 2Ejecuta la herramienta y revisa el resultado.
- 3Copiar resultado / Guardar resultado.
A tener en cuenta
Revisa rangos y unidades. Los resultados dependen de los datos y del navegador.
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 |
|---|---|
| Base | 16 |
| Razón común | 1.25 |
| Cantidad | 6 |
Resultado de ejemplo
:root {
--text-0: 16px;
--text-1: 20px;
--text-2: 25px;
--text-3: 31.25px;
--text-4: 39.0625px;
--text-5: 48.8281px;
}Requisitos de entrada
Estos son límites reales de validación, no una garantía de que todo valor aceptado sea realista o aplicable a tu caso.
- Base: Rango admitido: 0,000000001 ≤ x ≤ 1.000.000.000.000
- Razón común: Rango admitido: 1 ≤ x ≤ 3
- Cantidad: Rango admitido: 1 ≤ x ≤ 16 · Solo enteros