Tools
Utilidades
Piezas prácticas para el día a día frontend. Irán llegando cuando merezcan quedarse.
Contrast checker
Elige dos colores y obtén ratios de contraste WCAG al instante.
Fluid type generator
Genera recetas clamp() a partir de tamaños min/max y el rango de viewport.
Space scale
Genera una escala de spacing como custom properties CSS.
Shadow recipe
Ajusta box-shadows en capas y copia la receta CSS.
rem ↔ px
Convierte entre rem y px con un root font-size personalizado.
Aspect ratio
Previsualiza ratios comunes y copia el valor CSS aspect-ratio.
Color → tokens
Convierte un hex en una paleta corta --color-* lista para pegar en :root.