• Register
  • Log In
  • Home
  • Quick Start
    • Configurator
    • Download YUI 3
  • Documentation
    • User Guides
    • Examples
    • API Docs
    • Environments
    • Tutorials
  • Community
    • Gallery
    • Blog
    • Forums
    • YUI Theater
    • Calendar
  • Contribute
    • YUI on GitHub »
    • File a Ticket
    • View Tickets
    • Dashboard
  • Other Projects
    • Shifter »
    • Yogi »
    • YUI 2
    • YUI Doc »
    • YUI Test
    • YUI Website
    • YUI Compressor »
    • YUI Builder »
    • YUI PHP Loader
    • Grid Builder »
    • Skin Builder »
  • YUI
  • >
  • Community
  • >
  • Gallery

Gallery

Modules

  • Home
  • Featured
  • Popular
  • New
  • All

Documentation

  • Yogi Documentation
  • Shifter Documentation
  • Developer Guide
  • Module Setup

Tag Cloud

Context Navigation

    YUI Library is not responsible for bugs or support with this module. It is available as a free service. For support please contact the module owner with the provided links.

    This module has been deprecated and is no longer supported by the module author.

    AlloyUI Color (gallery-aui-color) on cdn

    Last Updated: 02/6/11

    Liferay, Inc.

    See 69 more by this user.

    Created: 10/5/10
    Last CDN Push: 10/6/10
    Build Tag: gallery-2010.10.06-18-55
    Project: YUI 3
    License: YUI BSD
    YUI Version: 3.3.0
    Free for use.

    This utility provides you with the ability to reliably convert between color formats, such as between between rgb and hex or hsv and rgb.
    In order to keep the number of possible permutations of conversion methods to a minimum, rgb is assumed as the underlying type, so if you convert a format to rgb, you can convert it to any other format.

    • Tags:
    • liferay
    • color
    • alloyui
    • Download
    • Docs
    • Homepage
    • Bugs
    • Source
    • Example
    • Forum
    • History

    To view all available methods in the Alloy Color utility, please view the documentation.

    Code Sample

    <script src="http://yui.yahooapis.com/3.3.0/build/yui/yui-min.js"></script>
    YUI({
        //Last Gallery Build of this module
        gallery: 'gallery-2010.10.06-18-55',
        modules: {
            'gallery-aui-skin-base': {
                fullpath: 'http://yui.yahooapis.com/gallery-2010.10.06-18-55/build/gallery-aui-skin-base/css/gallery-aui-skin-base-min.css',
                type: 'css'
            },
            'gallery-aui-skin-classic': {
                fullpath: 'http://yui.yahooapis.com/gallery-2010.10.06-18-55/build/gallery-aui-skin-classic/css/gallery-aui-skin-classic-min.css',
                type: 'css',
                requires: ['gallery-aui-skin-base']
            }
        }
    }).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()
    });

    Forum Posts

    Subject Author Date
    Why? John Lindal 06/9/10
    Re: Why? Murray Macchio 06/10/10
    Re: Why? Murray Macchio 06/10/10
    Styling Eike Hirsch 06/11/10
    Re: Why? Eduardo Lundgren 06/11/10
    Re: Styling Eduardo Lundgren 06/11/10
    Re: Why? Murray Macchio 06/11/10
    Re: Why? Eduardo Lundgren 06/11/10
    Re: Styling Eike Hirsch 06/14/10
    Parallel thinking Peter Peterson 06/15/10

    © 2006-2013 Yahoo! Inc. All rights reserved.
    All code on this site is licensed under the BSD License unless stated otherwise.
    About This Site · Security Contact Info