虹膜颜色选择器:选择颜色为RGB值

时间:2017-08-28 09:00:50

标签: javascript colors

使用虹膜颜色选择器,是否可以以rgb格式获得所选颜色?目前,我始终将所选颜色作为十六进制代码。

http://automattic.github.io/Iris/

while (lmItr.hasNext())
{
    System.out.println(lmItr.next());
}

1 个答案:

答案 0 :(得分:1)

Iris插件使用引擎盖下的Color.js,它还包括颜色转换工具。

调用$(elemet).iris('color', true)获取Color.js对象,该对象具有toCSS方法,该方法将返回大多数可用格式的颜色



$('.col-picker').iris({
  mode: 'rgb', // doesn't return colour in rgb
  change: function(evt, ui) {
    var color = $(this).iris('color', true).toCSS('rgb');
    console.log(color)
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.js"></script>
<link href="//cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.css" rel="stylesheet" />
<script src="https://automattic.github.io/Iris/javascripts/iris.min.js"></script>

<input class="col-picker" />
&#13;
&#13;
&#13;