纯JS和CSS实现轻便的颜色选择器

此款选择器基于纯JavaScript和css实现的，并没有采用庞大的框架，也没有图片，因此非常简洁，支持十六进制值和输出RGB值，使用十分方便。

使用方法：

1，html代码

<div class="box">    
  <input type="text" value="" placeholder="请选择颜色" class="picker" id="color-picker" />    
</div>

2，页面中引入js

<script src="js/colorpicker.js"></script>

3，绑定事件js

<script type="text/javascript">
var obj = document.getElementById("picker");
var a = Colorpicker.create({	
    el: "color-picker",	color: "#a600ff",
    change: function (elem, hex) {		
    elem.style.backgroundColor = hex;	
    }})
</script>

查看演示效果

下载demo