Generador de texto con degradado en CSS
Aplica un degradado a tus textos y copia el CSS al momento
Herramienta para aplicar degradados lineales o radiales a un texto, verlo en una vista previa y copiar el CSS ya terminado. Puedes ajustar los puntos de color, el ángulo, el tamaño y el grosor de la fuente y comprobar el resultado con la vista, algo muy útil para diseñadores y desarrolladores frontend. Todos los cálculos se ejecutan al instante en tu navegador y no se envía nada a ningún servidor.
도구를 불러오는 중…
🔒 Todo se procesa 100 % en tu navegador. Tus archivos y datos nunca se suben a ningún servidor.
Cómo usar
- Escribe el texto que quieras en el campo de entrada.
- Elige el tipo de degradado (lineal o radial) y ajusta el ángulo o la posición del centro.
- Añade o elimina puntos de color y ajusta su color y su posición (%) hasta completar el degradado.
- Revisa la vista previa y llévate el CSS generado con el botón de copiar.
Preguntas frecuentes
- ¿Cuántos puntos de color puedo añadir?
- Puedes añadir o quitar puntos de color desde un mínimo de 2 hasta un máximo de 4.
- ¿El CSS generado funciona en todos los navegadores?
- Usa la propiedad background-clip: text e incluye también el prefijo -webkit- para los navegadores basados en WebKit. Aun así, en navegadores antiguos que no soporten esa propiedad el degradado no se aplicará y solo se mostrará el color de reserva (color).
- ¿Se guardan en un servidor el texto o los colores que introduzco?
- No. Todo el procesamiento ocurre dentro de tu navegador y nada se envía ni se almacena en ningún servidor.