[MC-XOBAHCK]

По value="Каштановый">3</label> я с вами согласен, просто цифры расставил так, чтобы пока не мешало и не путаться.

<div class="col-6 krovColor">
 <div class="btn-group" data-toggle="buttons">
    <label class="btn btn-primary active">
        <input type="radio" name="color" value="Терракотовый" checked>1</label>
    <label class="btn btn-secondary">
        <input type="radio" name="color" value="Медный">2</label>
    <label class="btn btn-success">
        <input type="radio" name="color" value="Каштановый">3</label>
    <label class="btn btn-danger">
        <input type="radio" name="color" value="Коричневый">4</label>
    <label class="btn btn-warning">
        <input type="radio" name="color" value="Кирпичный">5</label>
    </div>
</div>

В скрипте на jQuery я смог получить выбранный value, но я не могу теперь в новую переменную вытянуть результат из обработчика:

$(function() {
    var color = $('.krovColor input[name="color"]');

    color.change(function krColor() {
        var krCol = $(this).val();
       //console.log(krCol);
       return krCol;
    });

    var selectedColor = krColor();    //Это неправильно и не работает.
});

Поправьте пожалуйста, как мне теперь в новую переменную получить значение из обработчика?