Saltar al contenido principal
Uddatak

Generador de gradientes CSS

Elige colores, ángulo, y tipo de gradiente en una vista previa en vivo para diseñar un gradiente CSS lineal o radial, luego copia el código CSS background-image exacto — sin adivinar los porcentajes de los puntos de parada de color.

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.

0%
100%

Código CSS

background-image: linear-gradient(90deg, #6366f1 0%, #ec4899 100%);

Continuar con

Totalmente local

Generador de box-shadow CSS

Diseña visualmente un box-shadow CSS con controles deslizantes y copia el código generado.

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
Totalmente local

Generador de degradado mesh

Crea un fondo de degradado mesh suave y multipunto con un clic, y copia el código CSS listo para usar.

Herramientas de Diseño y CSSAbrir herramienta

Herramientas relacionadas

Totalmente local

Generador de box-shadow CSS

Diseña visualmente un box-shadow CSS con controles deslizantes y copia el código generado.

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
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

¿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