CODEWITHSUNDEEP
javascriptjqueryhtmlcolor-picker
mengmeng
mengmeng

Reputation: 1496

Spectrum color picker get the value of the color

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?

Upvotes: 10

Views: 19111

Answers (3)

user2888692
user2888692

Reputation: 101

Use color.toRgbString() work for me

Upvotes: 2

Bob Tate
Bob Tate

Reputation: 1381

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.

Upvotes: 25

Dvir
Dvir

Reputation: 3339

the value of the input?

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

Upvotes: 7

Related Questions