Есть блоки-цвета при выборе которых при нажатии кнопки заказать передавалось значение цвета, всплывающее окно на Bootstrap 4
.colorblock {
width: 40px;
height: 40px;
border-radius: 20px;
display: inline-block;
}
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<a href="">
<div class="colorblock" style="background-color: black;"></div>
</a>
<a href="">
<div class="colorblock" style="background-color: red;"></div>
</a>
<a href="">
<div class="colorblock" style="background-color: green;"></div>
</a>
<a href="">
<div class="colorblock" style="background-color: blue;"></div>
</a>
<a href="">
<div class="colorblock" style="background-color: yellow;"></div>
</a>
<a data-toggle="modal" data-target="#myModal546">
<div class="product__buy_button">
Заказать
</div>
</a>
</div>
</div>
<div class="modal fade" id="myModal546" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="color: black;">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title" id="myModalLabel545" style="color: black">Заявка</h4>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<center>
<img class="product__image" src="product.jpg">
<p>Цвет: </p>
<form action="success.php" method="POST">
<input class="pop-up__form_input" type="text" name="name" placeholder=" Введите имя" required="" style="border-radius: 20px;width: 300px; height:40px; margin: 10px;padding-left: 20px;">
<input class="pop-up__form_input" type="phone" name="phone" placeholder=" Введите телефон" required="" style="border-radius: 20px;width: 300px; height:40px; padding-left: 20px;">
<input class="pop-up__form_input" type="hidden" name="title" value="Широкие полный комплект">
<button class="btn_red" style="width: 200px; height:40px;background-color:red;border-radius: 20px;margin:10px; ">Отправить</button>
</form>
</center>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Закрыть</button>
</div>
</div>