Этот пример создаёт линейный градиент 135deg от кораллового через янтарный к фиолетовому. Задайте #FF6B6B в 0%, #F59E0B в 50% и #5B21B6 в 100%. Это цвета примера, а не начальная палитра инструмента.
Введите три цвета и позиции
Выберите «Линейный» и угол 135. Задайте первую точку #FF6B6B в 0, последнюю #5B21B6 в 100 и добавьте одну точку. Замените её цвет на #F59E0B, сохранив позицию 50. Автоматически подобранный средний цвет — только начальное значение: без замены этот пример не получится. Проверьте, что осталось ровно три строки.
Сравните полное скопированное свойство
Ожидаемый результат: background-image: linear-gradient(135deg, #FF6B6B 0%, #F59E0B 50%, #5B21B6 100%);. Порядок — коралловый, янтарный, фиолетовый — не зависит от очередности изменения процентов. Перенос янтарного в 70% растянет первый переход и сожмёт второй: это уже другой пример. Сначала сравните исходное свойство с 50%, затем меняйте палитру или угол.
Проверьте свойство в реальном контексте
Сохраните резервный background-color и CSS до перезагрузки: палитры не сохраняются. Проверьте целевые браузеры и размеры. Контраст текста проверяйте по всему видимому градиенту, а не в одной точке; предпросмотр не подтверждает доступность или совместимость.