AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

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

2012-04-03 849
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： MooRainbox JavaScript ColorPicker JPicker – A jQuery Color Picker jPicker 是一个快速、轻量级的 jQuery 插件，提供高级的颜色拾取功能。

MooRainbox

JavaScript ColorPicker

JPicker – A jQuery Color Picker

jPicker 是一个快速、轻量级的 jQuery 插件，提供高级的颜色拾取功能。

Color Picker

类似 PhotoShop 的颜色选择器

ExColor

jQuery 的颜色选择插件

Izzy Color Picker

Flexi

Flexi是一个简单、轻量级颜色拾色器，基于SVG/VML技术实现。它没有基于依赖任何JavaScript框架开发，能够将选中的颜色以 hexadecimal、HSV、RGB三种格式返回。选择器的尺寸、位置和滑块面积都可以采用CSS自定义，就像设置div元素一样。

JavaScript Color Picker

类似 PhotoShop 的颜色选择器

Farbtastic

Farbtastic 是一个jQuery 的颜色选择器插件。它能够在一个页面中加入多个颜色选择控件，然后每个控件关联到页面中的一个元素比如：文本输入框。

SimpleColor Plugin

via  smashingapps
文章标签：
JavaScript
前端开发
测试5555
目录
相关文章
刻刻帝的海角
|
5月前
|
移动开发 前端开发 JavaScript
使用JavaScript实现一个在线画板
使用JavaScript实现一个在线画板
刻刻帝的海角
34 0
3oixkwas4wki6
|
Web App开发 前端开发 JavaScript
如何设计动效图——前端SVG JavaScript库Raphaël介绍
如何设计动效图——前端SVG JavaScript库Raphaël介绍
3oixkwas4wki6
223 0
如何设计动效图——前端SVG JavaScript库Raphaël介绍
JYeontu
|
Web App开发 前端开发 JavaScript
JavaScript也可以制作颜色拾取工具了
作为一名前端开发，颜色拾取工具是不是你们必备的工具，像之前都是用的软件的吸管工具来进行吸取颜色，完成自己的页面设计，但现在使用简单的JavaScript也能实现颜色拾取功能，你们知道吗？Chrome 95 推出的EyeDropper API 能够帮助我们轻松地在 Web 应用中创建吸管工具。使用EyeDropper API你可以使用取色器提取当前页面上的颜色。当取色器被激活的时候，它就像一个“放大镜”，使得你可以进行像素精度的颜色选择。在取色器下方显示的是当前像素点的颜色值，颜色值显示格式与你在设置中选择的一致。
JYeontu
468 0
小蓝枣
|
JavaScript 前端开发
JavaScript 技术篇-一段js代码展示可以随鼠标移动变换样式的卡通人物，动态女生眼睛跟着鼠转动
JavaScript 技术篇-一段js代码展示可以随鼠标移动变换样式的卡通人物，动态女生眼睛跟着鼠转动
小蓝枣
412 0
温柔的养猫人
|
JavaScript HTML5 移动开发
带你读《Three. js开发指南： 基于WebGL和HTML5在网页上渲染 3D图形和动画（原书第3版）》之三：学习使用Three.js中的光源
本书将介绍如何直在浏览器中创建漂亮的3D场景和动画，并且充分发挥WebGL和现代浏览器的潜能。首先介绍基本概念和基础组件，然后通过逐渐扩展示例代码逐步深讲解更多高级技术。在本书中读者将学到如何从外部加载3D模型和具有真实效果的材质纹理、学习使用Three.js提供的摄像机组件来实现在3D场景中飞行和走动、如何将HTML5视频和画布作为材质贴在3D模型表面。此外还将学习变形动画和骨骼动画，甚至还会涉及在场景中使用物理模拟的方法，例如重力、碰撞检测等等。
温柔的养猫人
2693 0
青夜之衫
|
JavaScript 前端开发 容器
JavaScript 拖拉缩放效果
青夜之衫
831 0
技术mix呢
|
JavaScript 前端开发 索引
分享一个用原生JavaScript写的带缓动效果的图片幻灯
技术mix呢
1291 0
最美的回忆
|
JavaScript 前端开发
原生JS编写的照片墙效果实例演示特效
最美的回忆
1368 0
zting科技
|
Web App开发 移动开发 JavaScript
13个JavaScript图表图形绘制插件
zting科技
1562 0
知与谁同
|
JavaScript
10 个非常有用的 jQuery 全屏背景插件
知与谁同
1501 0

热门文章

最新文章

  • 1
    阿里云服务器快速配置安全组放行端口方法
  • 2
    Linux下Apache服务的查看和启动
  • 3
    一起谈.NET技术，ASP.NET MVC2实现分页和右键菜单
  • 4
    线性回归
  • 5
    Win7中你所应该知道的强制计划关机操作
  • 6
    Windows Phone SDK update for Windows Phone 7.8
  • 7
    postgreSQl导数据
  • 8
    Android响应式编程开发RxAndroid（2）：简单例程的Android改造
  • 9
    SQL Server 事务嵌套
  • 10
    eXtremeComponents 的最后一页
  • 1
    Python Tricks:Python‘s Functions Are First-Class
    23
  • 2
    “The Zen of Python” Easter Egg
    20
  • 3
    Kali渗透测试：通过Web应用程序实现远程控制
    25
  • 4
    Kali渗透测试：Metasploit 6.0 中的Evasion模块 原创
    23
  • 5
    Python Tricks： A Shocking Truth About String Formatting（一）
    19
  • 6
    Python Tricks： A Shocking Truth About String Formatting（二）
    10
  • 7
    Kali渗透测试：使用工具Metasploit攻击操作系统（一）
    16
  • 8
    AI助理直击要害，从繁复中提炼精华——使用CDN加速访问OSS存储的图片
    51
  • 9
    Kali渗透测试：使用工具Metasploit攻击操作系统（二）
    15
  • 10
    Python tricksUnderscores, Dunders, and More续篇
    10

    • 相关课程

    更多
  • JavaScript 自学手册文档教程
  • JavaScript入门与实战

    • 相关电子书

    更多
  • 现代Javascript高级教程
  • Javascript中的函数
  • JavaScript函数

    • 相关实验场景

    更多
  • 图表样式智能美化工具
  • 前端开发基础3：CSS3常见显示属性
    • 下一篇
    阿里云对象存储OSS怎么收费？包年包月和按量付费价格表