资讯频道 → Web前端
阅读更多

4顶
1踩

Web前端

翻译新闻 11款JavaScript颜色拾取插件推荐

2011-12-07 17:37 by 资深编辑 luiang1018 评论(3) 有49065人浏览
颜色拾取器 JavaScript
本文收集了11个JavaScript颜色拾取插件，希望你会喜欢。

1. ExColor


ExColor是一个类似Photoshop样式的jQuery颜色拾取插件，其定制性非常高，通过参数设置可生成各种样式和效果的颜色拾取器。它可以附加到任意的input输入框，通过简单地调用一行函数即可。

2. JScolor


JSColor是一个简单、易于使用的JavaScript库，可以将任何给定input框转化为颜色选择器。该选择器是隐藏层，没有使用任何弹出窗口，可以出现在input框的任意一端。

3. Advanced Javascript ColorPicker


ColorPicker是个高度可定制的高级JavaScript颜色拾取器，并不依赖于任何JS框架。它可以6种不同的颜色模式来显示整个调色板（~16.78 mil. 颜色）。

4. Farbtastic


Farbtastic是一个jQuery的颜色拾取插件，可以非常轻松地将颜色选择器添加到Web页面中。颜色选择器将链接到Web页面上的一个已有元素（如，一个文本框），当选择一个颜色时即更新元素值。

5. Javascript Color Picker


该JavaScript颜色拾取器拥有HSB和RGB两种模式，使用颜色原型，兼容所有的主流浏览器。

6. mooRainbox


mooRainbox是一个易于集成的JavaScript颜色拾取器，基于mootools框架创建。该拾取器可以连接到任意DOM中的元素，这里会生成一个单击事件。通过简单地点击，你就可以显示或隐藏mooRainbow。

7. ColorPicker


一个简单的组件，可以与Adobe Photoshop一样选择颜色。

8. jPicker


jPicker是一个快速、轻量级的jQuery插件，让你的Web项目中可以包含一个高级颜色拾取器。它来自于Joh Dyer的选择器，使用Prototype框架进行了改良。

9. SimpleColor


jQuerySimpleColor是个非常简单的颜色拾取器插件，通过一个个的正方形来挑选颜色。

10. Really Simple Color Picker


带有预设调色板的一个颜色拾取器，简单直接。

11. Flexi


Flexi是一个轻量级的颜色拾取器（只有4.3KB），它只用JavaScript编写而没有使用任何的图像（由于SVG/VML）或CSS。Flexi是一个独立的脚本，不需要任何JavaScript框架，并且可以设置选中颜色为十六进制、HSV或RGB格式。

Via  QUENESS
  • 大小: 40.4 KB
  • 大小: 12.4 KB
  • 大小: 31.3 KB
  • 大小: 18.9 KB
  • 大小: 22.5 KB
  • 大小: 19.2 KB
  • 大小: 18.6 KB
  • 大小: 33.5 KB
  • 大小: 30.5 KB
  • 大小: 22.2 KB
  • 大小: 8.6 KB
4
顶
1
踩
评论 共 3 条 请登录后发表评论
3 楼 cfying 2015-09-17 14:32
请问楼主，应该都是开源的吧。
2 楼 zzyzhm 2014-08-25 14:31
很好 很强大，真的很不错，就喜欢这样集合型的帖子！！
1 楼 nomandia 2011-12-12 11:40
貌似还没有遇到要用的项目，不过也要礼貌性支持一下

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • 可自定义颜色的jQuery颜色拾取器插件

    jquery-palette-color-picker是一款可自定义颜色的jQuery颜色拾取器插件。你可以为调色板设置各种颜色，该插件支持所有的CSS颜色格式，包括十六进制颜色，rgb，rgba，hsl，hsla等格式的颜色。

  • JavaScript也可以制作颜色拾取工具了

    作为一名前端开发，颜色拾取工具是不是你们必备的工具，像之前都是用的软件的吸管工具来进行吸取颜色，完成自己的页面设计，但现在使用简单的JavaScript也能实现颜色拾取功能，你们知道吗？Chrome 95 推出的...

  • 11个JavaScript颜色选择器插件

    几年前，很难找到一个合适的颜色选择器。正好看到很多不错的JavaScript颜色选择器插件，故而把这些编译汇总。...ExColor是一个类似Photoshop样式的jQuery颜色拾取插件，其定制性非常高，通过参数设置可生成各种样式

  • 推荐一款jQuery ColorPicked 颜色拾取器插件

    ="text/javascript" > $( ' #picker ' ).ColorPicker({ layout: ' rgbhex ' , color: ' ff8800 ' , onSubmit: function (hsb,hex,rgb,el) { $(el).css( ' background-color ' , ' # ' + hex); $(el)....

  • 10 个很棒的 JavaScript 颜色拾取器插件

    MooRainbox ...jPicker 是一个快速、轻量级的 jQuery 插件，提供高级的颜色拾取功能。 Color Picker 类似 PhotoShop 的颜色选择器 ExColor jQuery 的颜色选择插件 Izzy Color Picker ...

  • vue颜色选择器插件

    以上效果是基于第三方插件二次封装得来。 默认第三方插件只有如下样式： 第三方插件源码地址： vColorPicker 使用 ： 1. 安装插件 npm install vcolorpicker -S 2. 全局注册 # main.js import vcolorpicker from '...

  • html选择颜色插件,canvas基于HTML5 HSV颜色选择器插件

    html5kellycolorpicker是一个简单而独立的颜色选择器JavaScript库，用于呈现画布,HSV颜色拾取。创建一个html5画布颜色拾取input基础调用new KellyColorPicker({place : 'picker',input : 'color'});更多配置参数new ...

  • VS Code 插件推荐（亲自试用过）

    前端VS Code 插件 1、Color Highlight （用于标识代码中颜色色值） 2、Auto Rename Tag（用于HTML标签修改，前后识别） 3、Bracket Pair Colorizer （用于颜色识别匹配括号） 4、Egg Tools ...

  • 颜色拾取器插件bigcolorpicker——例

    <script type="text/javascript" src="js/jquery.js"> <script src="http://bigui4.sinaapp.com/js/jquery.bigcolorpicker.js"></script> input{ background:none; outline:none; border:1px solid ...

  • vColorPicker与vue3-colorPicker——基于 Vue 的颜色选择器插件

    基于 Vue 的一款颜色选择器插件

  • 插件ColorZilla无法正常提取颜色怎么办！！？？？

    插件ColorZilla无法正常提取颜色,打开的一个网页取色有问题，不是`#000000`就是`#FFFFFF`，但明明就不是这个颜色的解决办法！！！

  • 基于S7-300 PLC的结晶器液位智能自动控制与多重组态界面管理解决方案,基于S7-300 PLC的结晶器液位智能自动控制系统：含梯形图程序、接线图与多种组态界面选择,基于S7-300 PLC结晶器

    基于S7-300 PLC的结晶器液位智能自动控制与多重组态界面管理解决方案,基于S7-300 PLC的结晶器液位智能自动控制系统：含梯形图程序、接线图与多种组态界面选择,基于S7-300 PLC结晶器液位自动控制系统 带解释的梯形图程序，接线图原理图图纸，io分配，组态画面 [红旗][hot]界面多种组态可供选择，详情请点头像查看 ,基于S7-300 PLC; 结晶器液位自动控制; 梯形图程序; 接线图原理图; IO分配; 组态画面,基于S7-300 PLC的结晶器液位自动控制系统：梯形图与组态画面详解

  • 基于肌电信号的机器学习SVM模式识别系统matlab实现源码-特征提取+超详细注释（可作毕设）.zip

    基于肌电信号的机器学习SVM模式识别系统matlab实现源码_特征提取+超详细注释（可作毕设）.zip 【项目介绍】 基于肌电信号的机器学习模式识别系统。它主要包括肌电信号的提取、滤波和基于机器学习的模式识别。 【主要功能】 肌电信号的采集和预处理(滤波等) 基于机器学习的模式识别,如支持向量机(SVM)等算法 特征提取方法的研究和实现 matlab实现，代超详细注释，小白能看懂 【项目说明】 1.多数小白下载后，在使用过程，可能会遇到些小问题，若自己解决不了，请及时私信描述你的问题，我会第一时间提供帮助，也可以远程指导 2.项目代码完整可靠，但难度适中，满足一些毕设、课设要求，且属于易上手的优质项目，项目内基本都有说明文档，按照操作即可，遇到困难也可私信交流 3.适用人群：各大计算机相关专业行业的在校学生、高校老师、公司程序员等下载使用 4.特别是那种爱钻研学习的学霸，强烈推荐此项目，可以二次开发提升自己。拿来作毕设、课设直接用也行，不过尽量弄懂项

  • URP视差云，视差遮蔽映射(Parallax Occlusion Mapping, POM)实现

    URP视差云，视差遮蔽映射(Parallax Occlusion Mapping, POM)实现

  • 本人的大创项目.zip

    大创项目代码

  • 多功能恋爱神器 恋爱小助手小程序源码 无需服务器和域名.zip

    大家好今天给大家带来一款微信版本的恋爱小助手小程序源码 该源码由多种功能组合而成 目前已拥有的功能为 恋爱信封表白制作生成(内涵N种文案) 头像转漫画制作 土味情话 舔狗语录 渣女语录 暖男情话 等等多种功能 该款小程序安装简单新手都能使用 而且该款小程序无需服务器和合法域名大大减轻了大家的运营成本 使用方法: 使用微信开发者工具打开小程序源码 然后设置好合法域名提交审核即可 合法域名一起打包在压缩包里面了,大家解压以后就可以看到了

  • 无人值守智能污水处理控制系统：威纶通触摸屏与西门子PLC的联合应用，含图纸、程序、界面及工艺流程，稳定运行实例分享,无人值守智能污水处理控制系统：威纶通触摸屏与西门子PLC联合实现稳定运行一年多,无人

    无人值守智能污水处理控制系统：威纶通触摸屏与西门子PLC的联合应用，含图纸、程序、界面及工艺流程，稳定运行实例分享,无人值守智能污水处理控制系统：威纶通触摸屏与西门子PLC联合实现稳定运行一年多,无人值守污水处理控制系统。 威纶通触摸屏与西门子200smart PLC编写的智能污水处理控制系统，带图纸，带PLC程序，触摸屏画面，控制要求，工艺流程，真实工程项目，已稳定运行一年多。 供大家学习参考 ,关键词：无人值守；污水处理；控制系统；威纶通触摸屏；西门子200smart PLC；智能处理；带图纸；PLC程序；控制要求；工艺流程；真实工程项目；稳定运行。,基于威纶通与西门子技术的智能污水处理控制系统：真实项目经验分享

  • 网络安全领域的基础教程与实验项目全解

    内容概要：本文全面覆盖了网络安全的基础教程与实验项目，详细介绍了从理论知识到实际操作的各种技巧和工具。首先概述了五个基础方面，即网络基础、操作系统安全、密码学、Web安全和常见安全工具的学习材料和资源。接着提供了八个初级实验项目的具体步骤与目的，比如用Nmap进行网络扫描，用Wireshark进行数据抓包，以及SQL注入攻击练习等等，帮助新入门者获得实际动手经验。最后提到了高级主题，如漏洞挖掘、对抗训练和参加CTF比赛等内容供深入探索，并推荐了一些在线学习平台、参考书目及相关社区作为进一步发展的参考资料。 适合人群：对网络安全感兴趣的初学者和技术爱好者，尤其是希望进入该领域的个人以及想要加深自身安全意识的专业IT人员。

  • 基于S32K144的开源Bootloader开发指南：CAN通信与串口实现，上下位机全开源，设备使用PCAN接口，上位机C#开发，下位机环境S32DS，烧录需确保4K对齐,S32K144 Bootlo

    基于S32K144的开源Bootloader开发指南：CAN通信与串口实现，上下位机全开源，设备使用PCAN接口，上位机C#开发，下位机环境S32DS，烧录需确保4K对齐,S32K144 Bootloader开发指南：集成CAN与串口通信，开源代码与详细使用指南供学习参考，无UDS协议，上位机C#环境配置及注意事项,S32K144的bootloader，包括CAN和串口的，上 S32K144的bootloader，包括CAN和串口的，上 下位机全部开源，提供使用指导和有限的代码解释，仅供学习使用，无uds，无uds，无uds，设备用pcan，上位机c#，下位机环境s32ds，s19文件烧录需要保证4k对齐 ,S32K144; bootloader; CAN; 串口; 上位机C#; 下位机环境S32DS; s19文件; 4k对齐,S32K144开源Bootloader：支持CAN与串口通信，上下位机全开放，PCAN连接C#上位机，s32ds环境下s19文件烧录对齐规范

Global site tag (gtag.js) - Google Analytics