Kalvin在线工具



颜色代码效果展示


颜色效果

Hex(十六进制颜色代码)与RGB颜色代码互转


工具简介


在线颜色选择器,可选择十六进制颜色代码或者RGB颜色代码

附:《jQuery拾色器插件bigcolorpicker扩展版》

1)支持直接展示拾色器面板,原来只支持点击才弹出拾色器面板

2)支持返回RGB颜色对象,原来只支持返回hex颜色代码

扩展版使用说明:

$(element).bigColorpicker(callback,engine,sideLength,alwaysShow);

callback为回调函数,它可以把选择的颜色设置到绑bigColorpicker的元素的上,也可以自定义函数。engine可以为空,P、L,使用默认P,P代表着拾取器的背景是一张图片,而L则代表着拾取器的小格子是由一个个的li组成。sideLength参数是指小格子的个数,只有engine为L时生效,范围:2-10,默认为6;其中,前三个参数是原来插件的参数,alwaysShow是扩展的参数,默认false,若要直接展示拾色面板,改为true。

$(".ku").bigColorpicker(function(el,hex,rgb){

    console.log(rgb.r+','+rgb.g+','+rgb.b);

},'L', 10, true);

0 Like
暂无评论
Nothing to preview
打开微信扫一扫,体验小程序版本
微信扫一扫,关注公众号:Kalvin站长那点事