Netsyms/colorPicker
2
0
Fork 0
mirror of https://github.com/PitPik/colorPicker.git synced 2025-09-09 09:12:42 -06:00
Code Issues Releases Wiki Activity

readme update

Browse Source
This commit is contained in:
peterd 2014-08-20 12:18:59 +02:00
parent 945b7d1f64
commit 5ec93952c2
1 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
README.md
View File

@ -1,7 +1,7 @@
# colorPicker # colorPicker and colors
An advanced, fast but small **javaScript (only) color picker** (color chooser for desktop use) that uses only one .js file (no extra HTML, CSS, images, etc... on IE9+ and internet browsers), works though in all browsers incl. IE6+ (an extra CSS has to be made to make it work in IE6 though and some additional setTimeout tricks to make it work in IE5.5)<br /> An advanced, fast but small **javaScript** (only, framework independent) **color picker** (or color chooser for desktop use) that uses only one javaScript (.js) file (no extra HTML, CSS, images, etc... on IE9+ and internet browsers).<br />ColorPicker works in all browsers incl. IE6+ (an extra CSS has to be made to make it work in IE6 though and some additional setTimeout tricks to make it work in IE5.5)<br />
**colorPicker.js** uses **colors.js**, a small but comprehensive tool for color conversions / calculations... **colorPicker.js** uses **colors.js**, a small but comprehensive tool for color conversions / calculations (WCAG 2.0, contrast, color difference, layer mix, etc.)...
With **colors.js** (~8.7k or way smaller if other color spaces and complex calculations are taken out...) you can also build your own simpler and / or smaller color pickers quite easy as demonstrated on the [demo page](http://dematte.at/cpn).<br /> With **colors.js** (~8.7k or way smaller if other color spaces and complex calculations are taken out...) you can also build your own simpler and / or smaller color pickers quite easy as demonstrated on the [demo page](http://dematte.at/cpn).<br />
**colors.js** can convert 182 different combinations of color spaces (rgb2HSV, RGB2hsl, rgb2RGB, HEX2Lab, ...) **colors.js** can convert 182 different combinations of color spaces (rgb2HSV, RGB2hsl, rgb2RGB, HEX2Lab, ...)
@ -11,7 +11,7 @@ See **demo** at [dematte.at/cpn](http://dematte.at/cpn)
<img src="images/screen-shot-all.png" /> <img src="images/screen-shot-all.png" />
All the W3C 2.0 calculations for readability are also based on opacity levels of all layers<br> All the WCAG 2.0 calculations for readability are also based on opacity levels of all layers<br>
Supported color spaces are: (* also displayed as colors in realtime)<br> Supported color spaces are: (* also displayed as colors in realtime)<br>
rgb *, hsv(b) *, hsl *, cmyk, cmy, Lab, XYZ, HEX rgb *, hsv(b) *, hsl *, cmyk, cmy, Lab, XYZ, HEX
@ -93,7 +93,7 @@ myColorPicker: {
color: { // instance of Color inside colorPicker color: { // instance of Color inside colorPicker
colors: { all kinds of color values... see later}, colors: { all kinds of color values... see later},
options: { all the options you set or that are set as default... }, options: { all the options you set or that are set as default... },
__proto__: { all methods Color uses ... } __proto__: { all methods Color uses ... see above}
}, },
nodes: { all kinds of cashed nodes, textNodes and styles, etc... }, nodes: { all kinds of cashed nodes, textNodes and styles, etc... },
__proto__: { // all methods ColorPicker uses __proto__: { // all methods ColorPicker uses
@ -121,7 +121,7 @@ ColorPicker.changeClass = function(elm, cln, newCln){}; // a bit tricky to use..
If `allMixDetails` in options is set to true you'll get the following color model If `allMixDetails` in options is set to true you'll get the following color model
```javascript ```javascript
HEX: "CC5225" // current color as HEX (upper case, 6 digits) HEX: // current color as HEX (upper case, 6 digits)
rgb: // current RGB color as normalized values (0 - 1) rgb: // current RGB color as normalized values (0 - 1)
r: // red r: // red
g: // green g: // green
@ -190,7 +190,7 @@ background: // saved (background) color (saveAsBackground(){})
r: // red (0 - 255) r: // red (0 - 255)
g: // green (0 - 255) g: // green (0 - 255)
b: // blue (0 - 255) b: // blue (0 - 255)
alpha: alpha or opacity value (0 - 1) alpha: // alpha or opacity value (0 - 1)
equivalentGrey: // r = g = b = (0 - 255) equivalentGrey: // r = g = b = (0 - 255)
rgbaMixBlack: // saved (background) color mixed with solid black color rgbaMixBlack: // saved (background) color mixed with solid black color
r: // red r: // red