Spectrum color picker get the value of the color

Question

I implemented Spectrum's color picker just fine

$(document).ready(function() {
  $("#font_color").spectrum({
    color: "#f00"
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://cdn.rawgit.com/bgrins/spectrum/master/spectrum.js"></script>
<link href="https://cdn.rawgit.com/bgrins/spectrum/master/spectrum.css" rel="stylesheet"/>

<input type="text" id="font_color" />

But I don't know how to get the value inside the texfield using javascript. Can someone help me?

Answer 1

the value of the input?

var value = $("#font_color").val();

Answer 2

Another way to also get it, if the input field method does not work for you, is directly from spectrum itself.

$("#font_color").spectrum('get');

or

$("#font_color").spectrum('get').toHexString();

To get it converted.

Answer 3

Use color.toRgbString() work for me