Gallery

YUI().use('gallery-aui-color-util', function(Y) {
//To retrieve any RGB value based on best guess input, such as keyword, hex code, rgb, rgba, hsb, hsl, hsla, etc, use getRGB, which returns an RGB object.
 
Y.ColorUtil.getRGB('cyan'); // returns {r: 0, g: 255, b: 255, hex: '#00ffff' }
 
Y.ColorUtil.getRGB('#f00'); // returns {r: 255, g: 0, b: 0, hex: '#ff0000' }
 
Y.ColorUtil.getRGB('rgba(25,20,58,0.5)'); // returns {r: 25, g: 20, b: 58, o: 0.5, hex: '#19143a' }
 
// To convert colors you can do any of the following:
 
Y.ColorUtil.hex2rgb('#fff'); // returns {r: 255, g: 255, b: 255, hex: '#ffffff'}
 
var yellow = Y.ColorUtil.getRGB('yellow'); // returns {r: 255, g: 255, b: 0, hex: '#ffff00' }
var hsv = Y.ColorUtil.rgb2hsv(yellow); // returns {h: 0.16666666666666666, s: 1, v: 1}
Y.ColorUtil.hsv2rgb(hsv); // returns {r: 255, g: 255, b: 0, hex: '#ffff00'}
 
// (all methods that can take multiple arguments can take either an object or an array as well)
 
//These would all work:
var hsvObj = {h: 0.16666666666666666, s: 1, v: 1};
Y.ColorUtil.hsv2rgb(hsvObj);
 
Y.ColorUtil.hsv2rgb(hsvObj.h, hsvObj.s, hsvObj.v);
 
Y.ColorUtil.hsv2rgb([0.16666666666666666, 1, 1]);
 
//The methods are all as follows:
 
Y.ColorUtil.getRGB()
Y.ColorUtil.hex2rgb()
Y.ColorUtil.hsv2rgb()
Y.ColorUtil.hsl2rgb()
Y.ColorUtil.hsb2rgb()
Y.ColorUtil.rgb2hex()
Y.ColorUtil.rgb2hsl()
Y.ColorUtil.rgb2hsb()
Y.ColorUtil.rgb2hsv()
});