光谱颜色选取器获取颜色的值

Spectrum color picker get the value of the color

本文关键字:颜色 获取 选取      更新时间:2023-09-26

我很好地实现了Spectrum的颜色选择器

$(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" />

但是我不知道如何使用javascript在texfield中获取值。有人可以帮助我吗?

如果输入字段方法不适合您,另一种获取它的方法是直接从频谱本身获取它。

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

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

要转换它。

输入的值?

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

Use color.toRgbString() 为我工作