阅读更多

4顶
1踩

Web前端

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

2011-12-07 17:37 by 资深编辑 luiang1018 评论(3) 有49094人浏览
本文收集了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`,但明明就不是这个颜色的解决办法!!!

  • textern-0.8-1.el8.x64-86.rpm.tar.gz

    1、文件说明: Centos8操作系统textern-0.8-1.el8.rpm以及相关依赖,全打包为一个tar.gz压缩包 2、安装指令: #Step1、解压 tar -zxvf textern-0.8-1.el8.tar.gz #Step2、进入解压后的目录,执行安装 sudo rpm -ivh *.rpm

  • 基于STM32的循迹避障小车资料源码(高分项目)

    基于STM32的循迹避障小车资料源码(高分项目),个人大四的毕业设计、经导师指导并认可通过的高分设计项目,评审分99分,代码完整确保可以运行,小白也可以亲自搞定,主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者,也可作为课程设计、期末大作业。 基于STM32的循迹避障小车资料源码(高分项目)基于STM32的循迹避障小车资料源码(高分项目)基于STM32的循迹避障小车资料源码(高分项目)基于STM32的循迹避障小车资料源码(高分项目)基于STM32的循迹避障小车资料源码(高分项目)基于STM32的循迹避障小车资料源码(高分项目)基于STM32的循迹避障小车资料源码(高分项目)基于STM32的循迹避障小车资料源码(高分项目)基于STM32的循迹避障小车资料源码(高分项目)基于STM32的循迹避障小车资料源码(高分项目)基于STM32的循迹避障小车资料源码(高分项目)基于STM32的循迹避障小车资料源码(高分项目)基于STM32的循迹避障小车资料源码(高分项目)基于STM32的循迹避障小车资料源码(高分项目)基于STM32的循迹避障小车资料源码(高分项目)基于STM32的循迹避障小车资料源码(高分项目)基于STM32的循迹避障小车资料源码(高分项目)基于STM32的循迹避障小车资料源码(高分项目)基于STM32的循迹避障小车资料源码(高分项目)基于STM32的循迹避障小车资料源码(高分项目)基于STM32的循迹避障小车资料源码(高分项目)基于STM32的循迹避障小车资料源码(高分项目)基于STM32的循迹避障小车资料源码(高分项目)基于STM32的循迹避障小车资料源码(高分项目)基于STM32的循迹避障小车资料源码(高分项目)基于STM32的循迹避障小车资料源码(高分项目)基于STM32的循迹避障小车资料源码(高分项目)基于STM32的循迹避障小车资料源码(

  • 金属板卷自动捆扎机器step_三维3D设计图纸_包括零件图_机械3D图可修改打包下载_三维3D设计图纸_包括零件图_机械3D图可修改打包下载.zip

    金属板卷自动捆扎机器step_三维3D设计图纸_包括零件图_机械3D图可修改打包下载_三维3D设计图纸_包括零件图_机械3D图可修改打包下载.zip

  • 【SSM框架详解】全网最全的SSM详解

    内容概要:本文详细介绍了SSM框架(Spring、SpringMVC、MyBatis)的相关知识,涵盖Maven项目管理工具、前端开发技术、HTTP协议及Tomcat服务器等内容。文章首先讲解了SSM框架的组成,包括Spring的IOC、DI、AOP等功能,SpringMVC的请求处理流程以及MyBatis的数据操作。接着介绍了Maven作为项目管理工具的作用,如依赖管理和项目构建,并详细描述了Maven的配置文件pom.xml的使用方法。此外,还探讨了HTTP协议的特点、请求响应格式,以及Web服务器Tomcat的基本概念和工作原理。最后,文章对前端开发技术进行了概述,包括HTML、CSS、JavaScript等基础知识,并简要介绍了Ajax技术。 适合人群:具备一定编程基础,特别是Java开发经验的研发人员,尤其是那些正在学习或使用SSM框架进行Web开发的工程师。 使用场景及目标:①理解SSM框架的工作原理及其各组成部分的功能;②掌握Maven的使用,包括项目创建、依赖管理、生命周期等;③熟悉HTTP协议的请求响应机制,能够处理常见的HTTP请求和响应;④掌握前端开发技术,如HTML、CSS、JavaScript等,能够进行简单的前端页面开发;⑤了解Tomcat服务器的工作原理及其配置方法。 阅读建议:本文内容丰富,涵盖了从后端到前端的多个方面,建议读者在学习过程中结合实际项目进行实践,尤其是在Maven项目管理和SSM框架的具体应用上,多动手操作,加深理解。同时,对于HTTP协议和前端开发技术,可以通过实际的网络请求和页面开发来巩固所学知识。

  • JAVA源码 + SpringBoot+vue+mysql 漫画天堂网 + 数据库 + 文档

    本系统以用户与管理员两类人,作为目标用户,其中用户主要功能包含用户的注册与登录,查看漫画信息进行订阅等,对账号相关信息的修改;管理员主要功能包括了对用户信息、漫画信息、订阅信息、更新通知、在线留言、社区互动等管理;管理员可以实现最高权限级别的全系统管理。 内含文档,可轻松上手。

  • 工业缺陷检测领域的NEU-DET数据集及其深度学习应用

    内容概要:本文详细介绍了NEU-DET数据集,这是一个包含六种常见表面缺陷(如涂层剥落、油污、锈蚀等)的1800张灰度图像的数据集。数据集分为训练集和测试集,分别为1620张和180张。文中探讨了数据集的特点,如灰度图像的优势、标注信息的重要性以及合理的数据集划分。此外,文章展示了如何使用Python读取标注信息,并提供了使用Keras和PyTorch搭建卷积神经网络(CNN)和Faster R-CNN模型的具体代码示例,用于缺陷分类和目标检测任务。通过数据增强技术和模型优化,可以在工业缺陷检测中取得较好的效果。 适合人群:从事工业缺陷检测、计算机视觉、机器学习等相关领域的研究人员和技术人员。 使用场景及目标:适用于希望利用深度学习技术进行表面缺陷检测的研究人员。具体应用场景包括但不限于产品质量检测、自动化生产线监控等。目标是帮助用户理解和掌握如何使用NEU-DET数据集进行模型训练和评估,提高缺陷检测的准确性。 其他说明:文中提到的数据集和代码示例可以帮助初学者快速入门,同时也为高级用户提供了一些优化建议,如使用预训练模型、调整损失函数权重等。

  • 基于Qt/CPP的多平台二维图形编辑器:功能实现与技术细节

    内容概要:本文详细介绍了使用Qt/C++开发的一款多平台二维图形编辑器。该编辑器旨在提供简单直观的图形可视化编辑体验,主要功能包括创建和参数化图形、支持多种图类型、多样化的边与节点端口、自定义属性、动态维护交换列表、搜索功能、自动布局与导出、以及多种文件格式的支持。作者分享了项目的实现路径和技术细节,如通过QGraphicsView框架实现图形绘制、利用GraphViz引擎进行自动布局、采用QProcess处理跨平台进程通信、以及性能优化技巧等。 适合人群:对图形编辑器开发感兴趣的研发人员,尤其是熟悉或想要深入了解Qt/C++框架的开发者。 使用场景及目标:适用于需要开发或改进图形编辑工具的技术团队,帮助他们理解和掌握Qt/C++在图形编辑领域的应用,提高开发效率和产品质量。 其他说明:文中不仅展示了具体的代码片段,还分享了许多实用的经验和技巧,如避免性能瓶颈的方法、处理跨平台兼容性的注意事项等。这对于希望深入研究图形编辑技术和Qt/C++框架的开发者来说是非常宝贵的参考资料。

  • A股600000浦发银行秒级训练数据集

    股票代码:A股600000浦发银行 2023年-2024年2年秒级数据,可用作训练和回测 数据内容: 时间戳(间隔10-12秒,精确到秒) 买/卖成交量 成交价 开/收盘价 最高/低价 另有类似的大盘秒级数据

Global site tag (gtag.js) - Google Analytics