← Herramientas
Diseño y CSS
Cree colores, tamaños responsivos y CSS listo para producción.
Color y accesibilidad
CSS, diseño y efectos
- Generador de Sombras CSSAjusta deslizadores para dar forma a un box-shadow, apila varias capas para dar profundidad y copia el CSS al instante.
- Generador de Degradados CSSCrea degradados lineales, radiales o cónicos, añade paradas de color y ajusta la dirección; copia el CSS con un clic.
- Generador de Border RadiusRedondea cada esquina con deslizadores, crea formas orgánicas tipo «blob» con el modo elíptico y copia el CSS al instante.
- Generador de Flexbox CSSConfigura un contenedor flex y sus elementos con controles visuales, mira cómo reacciona el diseño al instante y copia el CSS con un clic.
- Generador de Grid CSSDefine tus columnas y filas, arrastra sobre las celdas para colocar elementos y copia el CSS de la cuadrícula con su HTML en un clic.
- Generador de Cubic Bezier CSSArrastra los dos tiradores para dar forma a una curva de easing, mira un punto recorrerla frente a otro a ritmo constante y copia el valor cubic-bezier().
- Calculadora de CSS clamp()Define un tamaño para pantallas pequeñas y otro para grandes y obtén un valor clamp() fluido que escala con suavidad entre ambos — para tamaños de fuente, padding, márgenes o gaps.
Inspección y licencias de fuentes
Pantalla, impresión y proporciones
- Conversor de píxeles y DPIConvierte píxeles a pulgadas, cm y mm con cualquier DPI/PPI, en ambos sentidos: sirve tanto para pantalla como para imprenta.
- Calculadora de PPI de pantallaIntroduce la resolución y el tamaño de la pantalla para obtener densidad de píxeles, dot pitch, dimensiones físicas y más.
- Conversor de px a rem y emConvierte entre px, rem y em con tu propio tamaño de fuente raíz y de contexto: edita cualquier campo y los otros dos se actualizan al momento.
No hay herramientas coincidentes en esta categoría.