/*Yall Check it out and leave your comments below
          AND I LOVE BUILDING MY OWN CODE
*/

$('document').ready(function() {
    $('#some_text').select(function() {
        var some = $(this).val();
      $('#some_feedback').html('You have selected the color: ' + some + ' below Is a description of the color');   
        $('#some_feedback').css('color', some);
        var co = $('#co');
        co.css('background-color', some);
        
    });
});

the html for it !!!!!!

<!doctype html>
<html>
<head>
    <script src="jquery-1.11.3.js"></script>
    <script src="select.js"></script>
</head>
    
<body style="background-color: pink;">
    Enter YOur Color Here: <input type="text" id="some_text"/><br/>
    <span id="some_feedback" ></span><br/>
    <div id="co" style="width: 100px; height: 100px;">
    
    </div>
</body>
</html>