CSS-градиент — генерируемое изображение: функция задаёт геометрию, а упорядоченные точки — переходы цветов. GradientForge показывает только значения, которые входят в код, поэтому предпросмотр и источник можно проверить.
Сопоставьте настройки и токены
Сначала выберите функцию, затем прочитайте префикс перед списком точек. Linear использует угол, radial — круг или эллипс и позицию at, conic — угол from и позицию at. После каждого цвета указан процент, поэтому в коде нет скрытого автоматического распределения. Меняйте по одной настройке и сравнивайте панель кода с предпросмотром.
Сохраняйте канонический порядок
GradientForge сортирует точки по проценту и сохраняет порядок добавления при равенстве. Поэтому код стабилен, а соседние точки с одной позицией создают намеренную резкую границу. Добавление находит самый большой промежуток, при равенстве выбирает первый, ставит точку в целую середину и использует округлённый средний цвет sRGB. Одинаковый исходный документ всегда даёт одинаковый код.
Проверьте свойство в реальном контексте
GradientForge показывает свойство движком текущего браузера, но предпросмотр не подтверждает доступность или совместимость. Вставьте background-image в реальный компонент, оставьте обычный background-color и проверьте все поддерживаемые браузеры и адаптивные размеры. Контраст текста измеряйте отдельным инструментом на самых светлых и тёмных участках: градиент может пройти проверку в одной точке и провалить в другой. При сравнении сохраняйте порядок точек, потому что одинаковые позиции намеренно создают резкую границу. Капсула не хранит палитру и историю, поэтому сохраните принятый CSS в своём файле под контролем версий до перезагрузки.