jscolor - 带有不透明( alpha) 的 JavaScript 取色器

jscolor.js (英语) 是一个网络取色器 不透明( alpha 通道) 和自定义调色板。 。 。 .

• JS的单一档案 无依赖关系
• 支持 CSS 等颜色 尔巴( ) 财务报告和审定财务报表 六进制,包括: # rggbbaa (英语) 标注.
• 下载 包含已修改 jscolor.min.js (英语)
• 移动友好

在两行安装

<script src="jscolor.js"></script>

Color: <input value="#3399FF80" data-jscolor="{}">

运行示例 >

自定义调色板( S)

<script>
// These options apply to all color pickers on the page
jscolor.presets.default = {
    width: 201,
    height: 81,
    position: 'right',
    previewPosition: 'right',
    backgroundColor: '#f3f3f3',
    borderColor: '#bbbbbb',
    controlBorderColor: '#bbbbbb',
    palette: [
        '#000000', '#7d7d7d', '#870014', '#ec1c23', '#ff7e26',
        '#fef100', '#22b14b', '#00a1e7', '#3f47cc', '#a349a4',
        '#ffffff', '#c3c3c3', '#b87957', '#feaec9', '#ffc80d',
        '#eee3af', '#b5e61d', '#99d9ea', '#7092be', '#c8bfe7',
    ],
    paletteCols: 10,
    hideOnPaletteClick: true,
}
</script>

截图

链接

• 在线配置工具
• 沙盒
• 实例
• 下载 包括已修改 jscolor.min.js (英语)

特征

• 不需要框架
  jscolor.js是一个完全自给自足的JavaScript库,仅由梵地拉JavaScript的一个文件组成. 它不需要任何框架(jQuery,Dojo,MooTools等). 但它当然可以与它们共存.

• 交叉浏览器
  所有现代浏览器都得到支持,包括: Edge, Firefox, Chrome, Safari, Opera, Internet Explorer 10及以上, 等. .

• 高度定制
  jscolor 提供了许多 配置选项。无论您需要改变取色器的大小或颜色,还是将一个函数附加到它的变换事件上,配置都可以为您的网络项目进行微调.

• 移动友好
  在对触摸事件的内置支持下,jscolor被设计成易于被平板电脑和智能手机等触摸设备所使用.

许可证

• GNU GPL v3 (英语) 用于开源
• 商业执照 用于商业用途

网站

关于jscolor项目的更多信息,见 jscolor 网站