Conversor de colores
Convierte HEX, RGB y HSL con transparencia, previsualiza el color y copia valores CSS listos para usar.
Generador de tamaño de letra clamp()
Crea tamaños de letra fluidos con límites de fuente y de ventana, salida en px o rem y vista previa.
Los rem se calculan con el tamaño raíz indicado. Comprueba también el zoom del navegador y el texto ampliado en la página final.
Una tipografía cuidada hace que cada frase resulte más fácil de leer.
CSS
Acerca de esta herramienta
Fija el tamaño de un encabezado para móvil y escritorio y revisa los valores intermedios.
Cómo se usa
Escribe el tamaño mínimo y máximo de letra y los anchos de ventana correspondientes. Elige px o rem, mueve el ancho simulado y copia o descarga font-size: clamp(...). Los anchos deben ir de menor a mayor y el tamaño mínimo no puede superar al máximo.
La letra crece linealmente entre esos anchos y respeta los límites fuera del intervalo. Para rem, usa el tamaño de fuente raíz de tu página. La fórmula depende de la ventana, no del contenedor, y no altera el resto de la tipografía.
Preguntas frecuentes
¿Por qué indicar el tamaño raíz al usar rem?
La vista previa lo usa para convertir rem a píxeles. Debe coincidir con el tamaño de fuente del elemento raíz de tu página. La fórmula responde al ancho del área visible del navegador; otro tamaño de fuente raíz cambia su comportamiento.
¿Cómo obtengo 16px en móvil y 32px en escritorio?
Selecciona px e indica 16px para una ventana de 400px de ancho y 32px para 1200px. El resultado es clamp(16px, 8px + 2vw, 32px): da 24px a 800px y mantiene los límites fuera de ese intervalo. Se basa en el ancho del viewport, no en el del contenedor.
Herramientas relacionadas
Se abre en una pestaña nueva
Comentarios
0