Цветовая точка связывает цвет с позицией. Например, #FF0000 25% задаёт красный цвет на четверти хода градиента. Перемещение точки меняет переход; больше точек не обязательно означает более плавный или лучший результат.
Два цвета в позиции 50% создают резкую границу
Поставьте красный в 0% и 50%, затем синий в 50% и 100%. В линейном градиенте 90deg левая половина останется красной, правая — синей. Между двумя средними точками нет расстояния для интерполяции. GradientForge сортирует проценты, но при одинаковой позиции сохраняет порядок добавления: перестановка средних цветов изменит переход.
Что именно добавляет новая точка
Между #000000 в 0% и #FFFFFF в 100% добавление создаёт #808080 в 50%. Выбирается самый большой соседний промежуток, середина позиции округляется вниз, каждый канал RGB — до ближайшего целого. При равных промежутках выбирается первый. Это правило GradientForge, а не обещание совпадения нового цвета с интерполяцией браузера. Инструмент принимает от двух до восьми точек.
Проверьте свойство в реальном контексте
Сохраните резервный background-color и CSS до перезагрузки: палитры не сохраняются. Проверьте целевые браузеры и размеры. Контраст текста проверяйте по всему видимому градиенту, а не в одной точке; предпросмотр не подтверждает доступность или совместимость.