⭐ 0
🔍
Texto Imagen PDF y Docs Audio Música Electrónica Tiempo Utilidades Validadores Esoterismo Juegos

Degradado CSS pastel: código listo para usar

Cree degradados CSS visualmente: tipo lineal, radial o cónico, control deslizante de ángulo y hasta seis paradas de color con una vista previa en vivo de ancho completo y código copiable.

90°
Procesando... 0%

Resultado

Esta página abre el generador de degradado con un desvanecimiento pastel ya preparado cargado: rosa polvo #ffdde1 mezclándose con rosa polvoriento #ee9ca7. El panel de vista previa muestra el resultado suave inmediatamente, con la línea CSS lista debajo.

Los degradados en colores pastel funcionan donde los saturados gritarían: pantallas de incorporación, tarjetas, estados vacíos y marcas de belleza o estilo de vida. Debido a que ambas paradas son claras, el texto oscuro permanece legible en toda la superficie, algo que los degradados más vívidos no pueden ofrecer sin una superposición.

Copie la línea tal como está o suavicela aún más moviendo trucos adyacentes a la opacidad: mueva el tope de rosa al 80 % y deje que el rosa domine, o cambie a un tipo radial para obtener un brillo central suave. La herramienta actualiza el CSS copiable en cada entrada.

🛡️
Ejecutado en el navegador

Tus archivos y datos nunca salen de este dispositivo. El procesamiento se realiza completamente sin conexión. 100% seguro.

Formatos y reglas aceptados

  • Selección de tipo de degradado (lineal, radial, cónico) con un control deslizante de ángulo para modos lineal y cónico.
  • Lista de paradas de colores: dos paradas para comenzar, agregue o elimine hasta seis, cada una con su propio selector de color y posición en porcentaje.
  • Línea CSS de fondo copiable más páginas preestablecidas listas para usar para degradados de puesta de sol, océano y pastel.

Beneficios clave

✓ La vista previa de ancho completo se vuelve a pintar con cada cambio (tipo, ángulo y cada parada de color) para que el CSS que copie sea exactamente lo que vio.
✓ Hasta seis paradas de color con posiciones individuales cubren todo, desde un simple desvanecimiento de dos colores hasta complejos fondos multibanda.
✓ Una declaración, tres motores: cambia entre lineal, radial y cónico sin reconstruir tus paradas.

Casos de uso

  • • Componga un fondo de sección de héroe arrastrando el ángulo y las paradas de color en lugar de editar manualmente el gradiente lineal() y recargar.
  • • Compare las paradas del mismo color como degradados lineales, radiales y cónicos con un solo interruptor: las paradas se transfieren entre tipos.
  • • Elija una combinación probada de la página preestablecida de puesta de sol, océano o pastel y ajústela a los colores de su marca.