你的位置: Kiyo'Space首页 JavaScript/Jscript 阅读文章 欢迎留下您的足迹

5款基于 JS 的网页取色器/调色版

[ JavaScript/Jscript ] 分享
前两天在 8box.cn 看到一个很帅的用 JS 构建的 Web取色器 程序. 突然想到收集几款来分享给大家..
可没想到在 Google 用关键词 "JS 取色器" 搜索到的资源能用的没几个.. 怎么办呢? 后来转念一想, 何不换个关键词试试? 于是更让我想不到的事情发生了.. 神奇的 "JS Color Picker" 这个关键词让我意外获得了 N 多好东西..

注: 下文中所介绍的各款 JS 取色器 均在 IE6, IE7, Opera9.5, Firefox 3 RC1, Safari 3.1.1 中测试通过.

下载:下载1 下载2 下载3 下载4 点击下载此文件

1. Html-Color-Codes.info [Demo]
盗一款功能超强的 JS取色器. 因为是我所最偏爱的, 所以被排在第一位, 呵呵.
这款工具外观小巧简洁, 功能极强 [可自定义R, G, B, H, S, V 六种颜色元素], 并且兼容性极好. 其最特别之处在于能够平滑滚动去色点. 这是其他任何一款取色器都不具备的. 但有个缺陷是, 安装需要链接多个 JS 文件. [盗取自国外某网站]

2. ScrollOvers.Com [Demo]
一款带有双模式的 JS取色器. 能够自定义R, G, B, 并且能把选取的颜色转换为 Web 安全色. 兼容性极好. [盗取自这个网站]
PS: 请允许我发点牢骚. 因为这个东西确实把我折腾苦了.. 万恶的 IE7! 万恶的 IE! IE6: 疯狂弹窗 + 超级烂的 CSS 支持; IE7: 疯狂弹标签页 + 万恶的 Center 属性..; IE8: Acid 2 Test 作弊 + More..

3. Popup Color Picker [Demo]
一款标签式的 JS取色器. 其外观类似于 Photoshop 中的颜色调板, 呵呵. 能使用拖动滚动条的方式改变颜色的R, G, B值, 从而调整颜色. 兼容性极好. [其安装方法可参看这里]

4. Photoshop-like JS Color Picker [Demo]
顾名思义, 这是一款仿 Photoshop 的 JS取色器. 功能强大, 能自定义R, G, B, H, S, V 六种颜色元素. 但存在一些小的显示错位问题, 不过可以忽略.

5. ColorPicker.com [Demo]
功能较为简单的一款 JS取色器. 兼容性良好. [盗取自国外一个专门的取色器网站]

注: 安装方法我就不介绍了. 大家自己研究我提供的示例吧. 如果还是不会用的话, 那我看还是算了. 还是不用的好啊..

推荐:
ColorJack 提供的 3 款 JS取色器程序[由于存在兼容性问题, 所以我在此就不介绍了]:

顺便介绍下这款名为 Instant Color Picker 的桌面取色工具.
使用它你可以轻松得在屏幕上精确捕捉颜色, 并且对颜色进行进一步处理 [包括 Web 安全色, 明暗度处理, 颜色值格式处理等], 排成一列供您挑选和对比. 超强的布局自定义和处理功能让您更深地体会到它的强大.

下载 [可获取试用版]:http://www.youngsmarts.com/products/icp/index.htm

PS: 哪位高手愿意破解&汉化下呢?

没有评论

  • (Required)
  • (Required, will not be published)