Este ejemplo crea un gradiente lineal de 135deg de coral a violeta pasando por ámbar. Usa #FF6B6B al 0%, #F59E0B al 50% y #5B21B6 al 100%. Son colores del ejemplo, no la paleta inicial.

Introduce tres colores y posiciones

Elige Lineal y ángulo 135. Fija #FF6B6B en 0 y #5B21B6 en 100, y añade una parada. Cambia su color a #F59E0B conservando la posición 50. El color medio automático es solo inicial: dejarlo no reproduce este ejemplo. Comprueba que haya exactamente tres filas.

Compara la declaración copiada completa

Salida esperada: background-image: linear-gradient(135deg, #FF6B6B 0%, #F59E0B 50%, #5B21B6 100%);. El orden debe ser coral, ámbar, violeta, independientemente del orden de edición. Mover ámbar al 70% alarga la primera transición y acorta la segunda: ya es otro caso. Compara primero la declaración al 50% antes de experimentar.

Verifica la declaración en su contexto real

Conserva un background-color de respaldo y guarda el CSS antes de recargar: las paletas no se almacenan. Prueba navegadores y tamaños previstos. Comprueba el contraste en todo el gradiente visible, no en un punto; la vista previa no certifica accesibilidad ni compatibilidad.