topColor.js

包含了Color类

License

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值

topColor

创建一个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 设置颜色的亮度, 并返回该新的颜色

top属性

topmix

混合两个或多个颜色

参数

color 要混入的颜色.可以指定多个
alpha 如果以一个数字作为最后一个参数,则这个参数被作为混入颜色量(也就是所谓的alpha值)

topinvert

反色

topsetHue

设置颜色的灰度,并返回该新的颜色

参数

value 灰度值

topsetSaturation

设置颜色的饱和度,并返回该新的颜色

参数

percent 饱和度百分比值

topsetBrightness

设置颜色的亮度, 并返回该新的颜色

参数

percent 亮度百分比值

top工具函数

概要
函数
$RGB 创建颜色对象的快捷函数,基于RGB值(红,绿,蓝)
$HSB 创建颜色对象的快捷函数,基于RGB值,基于HSB值(灰度,饱和度,亮度)

top函数

top$RGB

创建颜色对象的快捷函数,基于RGB值(红,绿,蓝)

参数

r (整数) 红色值 (0-255)
g (整数) 绿色值 (0-255)
b (整数) 蓝色值 (0-255)

top$HSB

创建颜色对象的快捷函数,基于RGB值,基于HSB值(灰度,饱和度,亮度)

参数

h (整数) 灰度值 (0-100)
s (整数) 饱和度 (0-100)
b (整数) 亮度    (0-100)

topArray

概要
属性
rgbToHsb 把一个RGB值转换为HSB值
hsbToRgb 把一个HSB值转换为RGB值

top属性

toprgbToHsb

把一个RGB值转换为HSB值

返回值

代表HSB颜色的一个数组

tophsbToRgb

把一个HSB值转换为RGB值

返回值

代表RGB 颜色的一个数组

Documentation by Aaron Newton & Mootools Developers, generated by NaturalDocs and tidy, and GeSHi

文档中文翻译:zarknight 勘误Email:zarknight@gmail.com asp之家