Un gradiente CSS es una imagen generada: la función define la geometría y las paradas ordenadas definen transiciones. GradientForge expone solo valores del código copiado para que vista y fuente sean auditables.
Relaciona controles y tokens
Elige primero la función y lee el prefijo antes de las paradas. Linear usa ángulo; radial usa círculo o elipse con posición at; conic usa ángulo from y posición at. Cada color lleva porcentaje explícito, sin espaciado automático oculto. Cambia un control cada vez y compara código oscuro con vista previa.
Conserva el orden canónico
GradientForge ordena paradas por porcentaje y conserva inserción cuando empatan. Así la salida es estable y dos paradas iguales crean un borde duro. Añadir busca el mayor hueco, elige el primero en un empate, coloca la parada en el punto medio entero y usa el color medio sRGB redondeado. El mismo documento siempre produce el mismo código.
Verifica la declaración en su contexto real
GradientForge previsualiza la declaración con el motor del navegador actual, pero no certifica accesibilidad ni compatibilidad. Pega background-image en el componente real, conserva un background-color de reserva y prueba cada navegador y tamaño adaptable compatible. Comprueba el contraste del texto con una herramienta dedicada en las zonas más claras y oscuras: puede cumplir en un punto y fallar en otro. Mantén el orden generado al comparar, porque las paradas con la misma posición crean deliberadamente un borde duro. La cápsula no guarda paleta ni historial; conserva el CSS aceptado en tu archivo con control de versiones antes de recargar.