插件描述:简单 RGB、HSB、十六进制颜色选取器 jQuery 插件

没有图像 !只是 JS 和 CSS 文件

非常直观类似 Photoshop 的界面

光明和黑暗很容易自定义 CSS3 外观

28 KB 总由浏览器加载看起来不错甚至在 IE7及工程非常容易实现

截图

用法

下载该插件和 colpick.js 和 colpick.css 添加到您的文档的头:

现在你可能会在任何 jQuery 对象来创建一个颜色选取器上调用colpick方法。默认情况下您获取下拉列表颜色选择器:

htmlShow Color Picker

js$('#picker').colpick();

选项

传递给 colpick 函数作为对象的几个选项允许您自定义颜色选择器。例如,传递flat:true使颜色选取器总是可见的如下面的示例。

html

JS$('#picker').colpick({

flat:true,

layout:'hex',

submit:0

});

jquery颜色转换html,jQuery颜色选取器插件COLPICK相关推荐

  1. RGB颜色转换成16bit颜色

    RGB颜色是一个DWORD值,32bit,格式为0x00rrggbb,通过三个宏:GetRValue.GetGValue和GetBValue可以得到三个颜色分量,用8bitBYTE表示.16bit颜色 ...

  2. jQuery实现表格隔行换颜色:

    jQuery实现表格各行换颜色: 截图如下: 代码如下: <span style="font-family:Microsoft YaHei;font-size:14px;"& ...

  3. android 屏幕坐标色彩,Android自定义View实现颜色选取器

    Android 自定义View 颜色选取器,可以实现水平.竖直选择颜色类似 SeekBar 的方式通过滑动选择颜色. 效果图 xml 属性 1.indicatorColor 指示点颜色 2.indic ...

  4. HTML在线颜色代码选取器源码

    简介: HTML在线颜色代码选取器源码 前端设计工具HTML在线颜色代码选取器源码,一共19种颜色不同灰度选取,鼠标点击即可实现复制颜色代码,可本地使用也可上传在线当小工具使用! 网盘下载地址: ht ...

  5. jQuery获取div的背景颜色 How to get background color of div?

    直接代码: <script type="text/javascript"> $(document).ready(function(){$("div" ...

  6. 利用jQuery点击DIV变颜色的小例子

    <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script> &l ...

  7. html5字体颜色自动转换,【转】js里alert里的字体颜色怎么设置:字体颜色方法;fontcolor(color)...

    alert("投票总数不大于");不知道怎么改变字体所以查了下找到下面的信息,好东西.用法: 主要内容如下: Javascript 要点 1. 变量用Var来声明 var 某某变量 ...

  8. 7款最佳jQuery和JavaScript的PDF查看器插件

    在这篇文章中,我们将提供最好的PDF浏览器插件. 1. JavaScript的PDF阅读器(JavaScript PDF Reader : pdf.js) pdf.js 基于HTML5实现 在线演示 ...

  9. Matlab颜色转换——基于RGB分量的彩色图像的颜色转换

    文章目录 一.RGB颜色对照表 二.案例分析 1.将绿色转换成紫色 2.转换结果 三. 总结 最后 一.RGB颜色对照表 Matlab RGB颜色对照表(0-1之间):https://blog.csd ...

最新文章

  1. 『图解Java并发』面试必问的CAS原理你会了吗?
  2. 大数据与数据挖掘考试题_大数据时代下的数据挖掘试题及答案
  3. 仿脉脉PHP源码,php - 如何实现类似脉脉网的二维人际关系
  4. 64位linux下was宕机,was7经常自动宕机,前方告急,工程师面临崩溃.小弟跪上
  5. RecyclerView优秀文集
  6. Geth的命令行介绍
  7. opengl2 vtk 编译_编译和使用VTK时值得注意的点(待续)
  8. 线性表----链式表
  9. android应用控制百度地图,Android中应用百度地图API开发地图APP实例-显示百度地图...
  10. c++中cend end_vector :: cend()函数以及C ++ STL中的示例
  11. AAAI 2020 | GlobalTrack:简单又强大!视频长期目标跟踪新基线
  12. 【空间分析】6 空间关系
  13. 计算机与仪表通讯实例,MODBUS称重仪表与西门子PLC通讯实例
  14. 纯代码给wordpress增加说说/微博/微语功能
  15. LintCode 吹气球
  16. python画聚类树状图_聚类分析python画树状图--Plotly(dendrogram)用法解析
  17. VFP获取微信小程序用户openID,易如反掌
  18. (二十一)资产(组合)的预期收益率和风险
  19. NOI2018 冒泡排序规律证明
  20. pyecharts全国地图和省级地图和水滴图

热门文章

  1. 用python绘制漂亮的图形-用Python代码绘制漂亮的生日蛋糕,python
  2. python好学-html和Python哪个好学?
  3. python爬虫流程-Python爬虫流程
  4. python是什么编程教程-一个新手,什么编程都没学过怎么学好Python?
  5. python.freelycode.com-Python数据可视化2018:为什么这么多的库?
  6. 学python编程-趣学Python编程
  7. python列表切片口诀-切片 - 廖雪峰的官方网站
  8. python好还是c好-对比平台--Python与C ++之间的差异
  9. python真的超过java了吗-Python 的开发效率真的比 Java高吗?
  10. LeetCode 443 String Compression(双指针)