Una parada asocia un color con una posición. Por ejemplo, #FF0000 25% fija rojo a un cuarto del recorrido del gradiente. Moverla cambia la transición; añadir paradas no garantiza un resultado más suave ni mejor.
Dos colores al 50% crean un borde definido
Coloca rojo al 0% y 50%, seguido de azul al 50% y 100%. En un gradiente lineal de 90deg, la mitad izquierda queda roja y la derecha azul. Las paradas centrales no dejan distancia para interpolar. GradientForge ordena porcentajes pero mantiene el orden de inserción en empates; invertir los colores centrales cambia la transición.
Qué inserta Añadir parada
Con #000000 al 0% y #FFFFFF al 100%, Añadir parada crea #808080 al 50%. Elige el mayor intervalo contiguo, redondea la posición media hacia abajo y cada canal RGB al entero más cercano. En empates elige el primero. Es una regla de GradientForge, no una garantía de igualar la interpolación del navegador. Se admiten de dos a ocho paradas.
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.