C///

\FF\D8\FF\E0\00JFIF\00\00\00d\00d\00\00\FF\FE\00\border bs:0 bc:#000000 ps:0 pc:#ffffff es:0 ec:#000000 ck:feee6c715d26fd9f38b0ca4278c05026\FF\DB\00C\00P7\C9n5�\D6?\BD�\9Ds\EBp\9F[`8m\B7)o\B5\E8\E6I\99\FE3]]A2\BA\8Cw\D6E\93\\DEv\C8\009\F2\F1NI?uc\\F5\EA\96k\xN<~buv\EA\C8\D7 \8B\84\CEcxI\BBg\AE\9E=\D6+n\EC\80\C8A\8C\AE\EB\CF\D5\DA\E9"2\A4\B9j5\EB\F3W\B63\96\B30Yu\DA\FC8\ED\DF\E7Ms\FB\F1\8E\B3\FA\EA\E8\E6(\883zs\F2_\8DFk\8Bh \00\8C\DCw\D3R\B5+6X\BA\B2\C4j\AB0\B4\FCMw\C2I\8E\9B\E3\A9~9u\FA\D3l\80\C8%p\EE\FDn2� \00$\FEj\C4e\A9\DB\~\95\A7\A5\80EK\BB\8DDsP\00@@AD'k\CF\E8\DB\D2(\80\9AK\D3\85\D6lb\F2\BA\8C*\80\00)\95 59\A3R:\F3\CE"\B6\80\88\00\00i1u4�\E9\F2�\A6\A2\FACM\93WMb*\E0*\00\00\00\00\00(\A8\80\00\00\80\00\00\00\00\00\00\00\00\00\FF\D9 C/// # [jQuery asColor](https://github.com/amazingSurge/jquery-asColor) ![bower][bower-image] [![NPM version][npm-image]][npm-url] [![Dependency Status][daviddm-image]][daviddm-url] [![prs-welcome]](#contributing) > A jquery plugin used to parse css color string and convent it to other color formats. It support rgb, rgba, hex, hsl, hsla. ## Table of contents - [Main files](#main-files) - [Quick start](#quick-start) - [Requirements](#requirements) - [Usage](#usage) - [Examples](#examples) - [Options](#options) - [Methods](#methods) - [No conflict](#no-conflict) - [Browser support](#browser-support) - [Contributing](#contributing) - [Development](#development) - [Changelog](#changelog) - [Copyright and license](#copyright-and-license) ## Main files ``` dist/ ├── jquery-asColor.js ├── jquery-asColor.es.js └── jquery-asColor.min.js ``` ## Quick start Several quick start options are available: #### Download the latest build * [Development](https://raw.githubusercontent.com/amazingSurge/jquery-asColor/master/dist/jquery-asColor.js) - unminified * [Production](https://raw.githubusercontent.com/amazingSurge/jquery-asColor/master/dist/jquery-asColor.min.js) - minified #### Install From Bower ```sh bower install jquery-asColor --save ``` #### Install From Npm ```sh npm install jquery-asColor --save ``` #### Install From Yarn ```sh yarn add jquery-asColor ``` #### Build From Source If you want build from source: ```sh git clone git@github.com:amazingSurge/jquery-asColor.git cd jquery-asColor npm install npm install -g gulp-cli babel-cli gulp build ``` Done! ## Requirements `jquery-asColor` requires the latest version of [`jQuery`](https://jquery.com/download/). ## Usage #### Including files: ```html ``` #### Initialization All you need to do is call the plugin on the element: ```javascript jQuery(function($) { var color = $.asColor('rgba(255, 255, 255, 1)', { format: 'rgba', shortenHex: false, hexUseName: false, reduceAlpha: false, nameDegradation: 'HEX', invalidValue: '', zeroAlphaAsTransparent: true }); var string = color.toString(), // rgba(255, 255, 255, 1) hex = color.toHEX(), // #ffffff rgb = color.toRGB(), // rgb(255, 255, 255) hsl = color.toHSL(), // hsl(0, 0%, 100%) hsla = color.toHSLA(), // hsla(0, 0%, 100%, 1) name = color.toNAME(); // white color.val('#000'); color.format('hsla'); color.alpha(0.5); var value = color.val(); // hsla(0, 0%, 0%, 0.5) }); ``` ## Examples There are some example usages that you can look at to get started. They can be found in the [examples folder](https://github.com/amazingSurge/jquery-asColor/tree/master/examples). ## Options `jquery-asColor` can accept an options object to alter the way it behaves. You can see the default options by call `$.asColor.setDefaults()`. The structure of an options object is as follows: ``` { format: false, shortenHex: false, hexUseName: false, reduceAlpha: false, alphaConvert: { // or false will disable convert 'RGB': 'RGBA', 'HSL': 'HSLA', 'HEX': 'RGBA', 'NAMESPACE': 'RGBA', }, nameDegradation: 'HEX', invalidValue: '', zeroAlphaAsTransparent: true } ``` ## Methods Methods are called on asColor instances through the asColor method itself. You can also save the instances to variable for further use. #### toString() Return the color string. ```javascript color.toString(); ``` #### format() Get the color format or set the color format. ```javascript color.format(); color.format('rgb'); ``` #### val() Set or get the color value. ```javascript // get the val color.val(); // set the val color.val('rgb(66, 50, 50)'); ``` #### set() Set the color. ```javascript color.set({ r: 255, g: 255, b: 255, a: 0.5 }); ``` #### get() Get the color. ```javascript var rgb = color.get(); ``` #### alpha() Get alpha. ```javascript var alpha = color.alpha(); ``` #### isValid() Check color is valid. ```javascript color.isValid(); ``` #### toRGB() Convent to rgb color. ```javascript color.toRGB(); ``` #### toRGBA() Convent to rgba color. ```javascript color.toRGBA(); ``` #### toHEX() Convent to hex color. ```javascript color.toHEX(); ``` #### toHSL() Convent to hsl color. ```javascript color.toHSL(); ``` #### toHSLA() Convent to hsla color. ```javascript color.toHSLA(); ``` ## No conflict If you have to use other plugin with the same namespace, just call the `$.asColor.noConflict` method to revert to it. ```html ``` ## Browser support Tested on all major browsers. | Safari

| |:--:|:--:|:--:|:--:|:--:|:--:| | Latest ✓ | Latest ✓ | Latest ✓ | Latest ✓ | 9-11 ✓ | Latest ✓ | As a jQuery plugin, you also need to see the [jQuery Browser Support](http://jquery.com/browser-s