Saltar al contenido principal
Uddatak

Generador de box-shadow CSS

Ajusta el desplazamiento, desenfoque, expansión, color, y opacidad con controles deslizantes en vivo para diseñar un efecto box-shadow en una tarjeta de vista previa, luego copia la propiedad CSS box-shadow exacta — incluyendo soporte para múltiples sombras apiladas.

Herramientas de Diseño y CSS Funciona completamente en tu navegador

Todo el procesamiento se realiza en tu dispositivo — no se envía nada a un servidor.

Código CSS

box-shadow: 0px 8px 20px -2px rgba(0, 0, 0, 0.25);

Continuar con

Totalmente local

Generador de gradientes CSS

Crea visualmente un gradiente CSS lineal o radial y copia el código.

Herramientas de Diseño y CSSAbrir herramienta
Totalmente local

Generador de border-radius CSS

Diseña visualmente esquinas redondeadas — incluyendo formas asimétricas — y copia el código CSS.

Herramientas de Diseño y CSSAbrir herramienta
Totalmente local

Conversor de PX a REM

Convierte entre píxeles y unidades rem, según un tamaño de fuente raíz personalizado.

Herramientas de Diseño y CSSAbrir herramienta

Herramientas relacionadas

Totalmente local

Generador de border-radius CSS

Diseña visualmente esquinas redondeadas — incluyendo formas asimétricas — y copia el código CSS.

Herramientas de Diseño y CSSAbrir herramienta
Totalmente local

Conversor de PX a REM

Convierte entre píxeles y unidades rem, según un tamaño de fuente raíz personalizado.

Herramientas de Diseño y CSSAbrir herramienta
Totalmente local

Extractor de Paleta de Colores

Extrae los colores más dominantes de cualquier imagen, con códigos HEX, RGB y CSS

Herramientas de Diseño y CSSAbrir herramienta
Totalmente local

Generador de capturas de código

Pega código y conviértelo en una imagen pulida con fondo degradado y barra de título, lista para compartir

Herramientas de Diseño y CSSAbrir herramienta
Totalmente local

Simulador de daltonismo

Mira cómo se ve tu imagen para alguien con daltonismo (protanopía, deuteranopía, tritanopía o acromatopsia)

Herramientas de Diseño y CSSAbrir herramienta

¿Listo para probar Uddatak?

Explora la biblioteca completa de herramientas y empieza a usar lo que necesitas ahora mismo — gratis, sin registro.

Explorar todas las herramientas