uuutil ← todas las herramientas

Constructor de degradados CSS

Elige lineal, radial o cónico y da forma al degradado con entradas de color nativas, controles de opacidad y posición, y botones para añadir/quitar/reordenar paradas — la vista previa a todo lo ancho y el CSS se actualizan en vivo. La salida usa la sintaxis moderna, con conmutador de interpolación oklch (compatibilidad indicada). Si quieres, parte de un preajuste.

Registro de privacidad

Datos obtenidos Ninguno.
Bibliotecas usadas Lit 3 — incluido en el propio archivo de la herramienta.
Datos guardados Nada.
Datos transmitidos Ninguno.

Úsalo en tu propia página

Descarga la herramienta como un único archivo HTML autónomo: código fuente legible con la biblioteca Lit incluida, sin peticiones de red — funciona abierto directamente desde tu disco y puedes personalizarlo todo.

¿Prefieres el widget alojado? Una sola etiqueta script lo integra y se mantiene al día:

<script type="module" src="https://uuutil.com/tools/css-gradient.js"></script>
<uu-css-gradient lang="es"></uu-css-gradient>

Licencia del código: MIT — libre de usar, modificar y redistribuir; conserva el aviso de licencia en las copias.