包含了Color类
MIT-style license.
Color.js | 包含了Color类 |
Color | 创建一个Color对象(其中包含了所有与颜色规范有关的方法) |
Properties | |
mix | 混合两个或多个颜色 |
invert | 反色 |
setHue | 设置颜色的灰度,并返回该新的颜色 |
setSaturation | 设置颜色的饱和度,并返回该新的颜色 |
setBrightness | 设置颜色的亮度, 并返回该新的颜色 |
工具函数 | |
函数 | |
$RGB | 创建颜色对象的快捷函数,基于RGB值(红,绿,蓝) |
$HSB | 创建颜色对象的快捷函数,基于RGB值,基于HSB值(灰度,饱和度,亮度) |
Array |
|
属性 | |
rgbToHsb | 把一个RGB值转换为HSB值 |
hsbToRgb | 把一个HSB值转换为RGB值 |
创建一个Color对象(其中包含了所有与颜色规范有关的方法) 。
参数:
color - 十六进制代码, 或RGB值数组,或HSB值数组。如果是HSB颜色, 你需要指定第二个参数(也就是type)
type - 要创建的颜色的类型。如果是要创建HSB颜色或是一组十六进制颜色,则必须要指定;可填的值有: ‘rgb’, ‘hsb’ 或
‘hex’.
var black = new Color('#000'); var purple = new Color([255,0,255]);
// 混合红,白,紫三色, 每次混色的时候取要混入颜色的10% var darkpurple = black.mix('#fff', purple, 10);
$('myDiv').setStyle('background-color', darkpurple);
属性 | |
mix | 混合两个或多个颜色 |
invert | 反色 |
setHue | 设置颜色的灰度,并返回该新的颜色 |
setSaturation | 设置颜色的饱和度,并返回该新的颜色 |
setBrightness | 设置颜色的亮度, 并返回该新的颜色 |
混合两个或多个颜色
color | 要混入的颜色.可以指定多个 |
alpha | 如果以一个数字作为最后一个参数,则这个参数被作为混入颜色量(也就是所谓的alpha值) |
反色
设置颜色的灰度,并返回该新的颜色
value | 灰度值 |
设置颜色的饱和度,并返回该新的颜色
percent | 饱和度百分比值 |
设置颜色的亮度, 并返回该新的颜色
percent | 亮度百分比值 |
创建颜色对象的快捷函数,基于RGB值(红,绿,蓝)
r | (整数) 红色值 (0-255) |
g | (整数) 绿色值 (0-255) |
b | (整数) 蓝色值 (0-255) |
创建颜色对象的快捷函数,基于RGB值,基于HSB值(灰度,饱和度,亮度)
h | (整数) 灰度值 (0-100) |
s | (整数) 饱和度 (0-100) |
b | (整数) 亮度 (0-100) |
把一个RGB值转换为HSB值
代表HSB颜色的一个数组
把一个HSB值转换为RGB值
代表RGB 颜色的一个数组
Documentation by Aaron Newton & Mootools Developers, generated by NaturalDocs and tidy, and GeSHi
文档中文翻译:zarknight 勘误Email:zarknight@gmail.com asp之家