Netsyms
/
colorPicker
mirror of https://github.com/PitPik/colorPicker.git
2
0
Fork 0
Code Issues Releases Wiki Activity

Update of README.md

Browse Source
pull/16/head
peterd 10 years ago
parent b03f81d920
commit 945b7d1f64
1 changed files with 160 additions and 160 deletions
Show Stats Download Patch File Download Diff File

320
README.md
Unescape Escape View File

@ -121,164 +121,164 @@ 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" HEX: "CC5225" // current color as HEX (upper case, 6 digits)
HUELuminance: 0.2551624375341642 rgb: // current RGB color as normalized values (0 - 1)
Lab: r: // red
L: 50.69829294450699 g: // green
a: 46.211447715607754 b: // blue
b: 48.89440661211546 hsv: // current color values in normalized HSV (HSB) model
RGBLuminance: 0.19005527463028907 h: // hue
RND: s: // saturation
Lab: v: // value (brightness)
L: 51 hsl: // current color values in normalized HSL model
a: 46 h: // hue
b: 49 s: // saturation
XYZ: l: // lightness
X: 28 cmy: // current color values in normalized CMY model
Y: 19 c: // cyan
Z: 4 m: // magenta
cmy: y: // yellow
c: 20 cmyk: // current color values in normalized CMYK model
m: 68 c: // cyan
y: 85 m: // magenta
cmyk: y: // yellow
c: 0 k: // black
k: 20 Lab: // current color values in normalized CIE 1976 L* a* b* (or CIELAB) model
m: 60 L: // lightness
y: 82 a: // color-opponent dimension
hsl: b: // color-opponent dimension
h: 16 XYZ: // current color values in normalized CIE 1931 XYZ model
l: 47 X: // mix (a linear combination) of cone response curves (LMS)
s: 69 Y: // luminance
hsv: Z: // quasi-equal to blue stimulation (S)
h: 16 RND: // all above colors in their defined ranges
s: 82 rgb: // current RGB color, rounded between 0 and 255
v: 80 r: // red (0 - 255)
rgb: g: // green (0 - 255)
b: 37 b: // blue (0 - 255)
g: 82 hsv: // see above
r: 204 h: // hue (0 - 360 degrees)
XYZ: s: // saturation (0 - 100 %)
X: 0.28256150053199897 v: // value (brightness) (0 - 100 %)
Y: 0.1900947979548766 hsl: // see above
Z: 0.03931214183196716 h: // hue (0 - 360 degrees)
alpha: 0.8 s: // saturation (0 - 100 %)
background: l: // lightness (0 - 100 %)
RGB: cmy: // see above
b: 37 c: // cyan (0 - 100 %)
g: 82 m: // magenta (0 - 100 %)
r: 204 y: // yellow (0 - 100 %)
alpha: 0.8 cmyk: // see above
equivalentGrey: 113 c: // cyan (0 - 100 %)
rgb: m: // magenta (0 - 100 %)
b: 0.1450980392156863 y: // yellow (0 - 100 %)
g: 0.3215686274509804 k: // black (0 - 100 %)
r: 0.8 Lab: // see above
rgbaMixBlack: L: // lightness (0 - 100 %)
a: 1 a: // color-opponent dimension (-128 - 127)
b: 0.11607843137254903 b: // color-opponent dimension (-128 - 127)
g: 0.2572549019607843 XYZ: // see above (values might be slightly above 100, dependent on matrix)
luminance: 0.11749216636078468 X: // mix (a linear combination) of cone response curves (LMS) (0 - 100)
r: 0.6400000000000001 Y: // luminance (0 - 100)
rgbaMixCustom: Z: // quasi-equal to blue stimulation (S) (0 - 100)
a: 1 background: // saved (background) color (saveAsBackground(){})
b: 0.2164705882352941 rgb: // color in RGB model
g: 0.35764705882352943 r: // red
luminance: 0.18587426449997613 g: // green
r: 0.7403921568627452 b: // blue
rgbaMixWhite: RGB: // RGB color, rounded between 0 and 255
a: 1 r: // red (0 - 255)
b: 0.316078431372549 g: // green (0 - 255)
g: 0.4572549019607843 b: // blue (0 - 255)
luminance: 0.2754391314146436 alpha: alpha or opacity value (0 - 1)
r: 0.8400000000000001 equivalentGrey: // r = g = b = (0 - 255)
cmy: rgbaMixBlack: // saved (background) color mixed with solid black color
c: 0.19999999999999996 r: // red
m: 0.6784313725490196 g: // green
y: 0.8549019607843137 b: // blue
cmyk: a: // resulting alpha or opacity value (0 - 1)
c: 0 luminance: // luminance of resulting mix (0 - 1)
k: 0.19999999999999996 rgbaMixCustom: // saved (background) color mixed with custom (solid) color
m: 0.5980392156862746 r: // red
y: 0.8186274509803921 g: // green
equivalentGrey: 0.4443719529411765 b: // blue
hsl: a: // resulting alpha or opacity value (0 - 1)
h: 0.04491017964071856 luminance: // luminance of resulting mix (0 - 1)
l: 0.4725490196078432 rgbaMixWhite: // saved (background) color mixed with solid white color
s: 0.6929460580912863 r: // red
hsv: g: // green
h: 0.04491017964071856 b: // blue
s: 0.8186274509803921 a: // resulting alpha or opacity value (0 - 1)
v: 0.8 luminance: // luminance of resulting mix (0 - 1)
hueRGB: alpha: // alpha or opacity value (0 - 1) of current color
b: 0 equivalentGrey: // r = g = b = (0 - 1)
g: 69 HUELuminance: // luminance of hue (in full brightnes and saturation) (0 - 1)
r: 255 RGBLuminance: // luminance of the current color
rgb: hueRGB: // rounded integer value of current color in rgb model with full saturation and brightness
b: 0.1450980392156863 r: // red (0 - 255)
g: 0.3215686274509804 g: // green (0 - 255)
r: 0.8 b: // blue (0 - 255)
rgbaMixBG: saveColor: // '' or 'web smart' or 'web save', if so.
a: 0.96 webSave: // closest web-save color
b: 0.1450980392156863 r: // red (0 - 255)
g: 0.3215686274509804 g: // green (0 - 255)
luminance: 0.19005527463028912 b: // blue (0 - 255)
r: 0.8000000000000002 webSmart: // closest web-smart color
rgbaMixBGMixBlack: r: // red (0 - 255)
WCAG2Ratio: 1.34 g: // green (0 - 255)
a: 1 b: // blue (0 - 255)
b: 0.13929411764705882 rgbaMixBG: // color mix result: current color above saved (background) color
g: 0.30870588235294116 r: // red (0 - 1)
hueDelta: 0.06755555555555555 g: // green (0 - 1)
luminance: 0.17390431940250664 b: // blue (0 - 1)
luminanceDelta: 0.056412153041721966 a: // resulting alpha or opacity value (0 - 1)
r: 0.7680000000000001 luminance: // luminance of resulting mix (0 - 1)
rgbaMixBGMixCustom: rgbaMixBGMixBlack: // color mix result: current color above saved (background) color above solid black
WCAG2Ratio: 1.01 r: // red (0 - 1)
a: 1 g: // green (0 - 1)
b: 0.15937254901960785 b: // blue (0 - 1)
g: 0.3287843137254902 a: // resulting alpha or opacity value (0 - 1)
hueDelta: 0.044549019607843125 luminance: // luminance of resulting mix (0 - 1)
luminance: 0.1888539436392117 luminanceDelta: // luminance difference between current color and resulting saved-black mix (0 - 1)
luminanceDelta: 0.0029796791392355804 hueDelta: // hue difference between current color and resulting custom-black mix (0 - 1)
r: 0.7880784313725491 WCAG2Ratio: // readability vale (1 - 21, 1:1 to 21:1)
rgbaMixBGMixWhite: rgbaMixBGMixCustom: // color mix result: current color above saved (background) color above solid custom color
WCAG2Ratio: 1.28 r: // red (0 - 1)
a: 1 g: // green (0 - 1)
b: 0.17929411764705883 b: // blue (0 - 1)
g: 0.34870588235294114 a: // resulting alpha or opacity value (0 - 1)
hueDelta: 0.09244444444444444 luminance: // luminance of resulting mix (0 - 1)
luminance: 0.20454042294912048 luminanceDelta: // luminance difference between current color and resulting saved-custom mix (0 - 1)
luminanceDelta: 0.07089870846552312 hueDelta: // hue difference between current color and resulting saved-custom mix (0 - 1)
r: 0.808 WCAG2Ratio: // readability vale (1 - 21, 1:1 to 21:1)
rgbaMixBlack: rgbaMixBGMixWhite: // color mix result: current color above saved (background) color above solid white
WCAG2Ratio: 3.35 r: // red (0 - 1)
a: 1 g: // green (0 - 1)
b: 0.11607843137254903 b: // blue (0 - 1)
g: 0.2572549019607843 a: // resulting alpha or opacity value (0 - 1)
luminance: 0.11749216636078468 luminance: // luminance of resulting mix (0 - 1)
r: 0.6400000000000001 luminanceDelta: // luminance difference between current color and resulting saved-white mix (0 - 1)
rgbaMixCustom: hueDelta: // hue difference between current color and resulting saved-white mix (0 - 1)
WCAG2Ratio: 1.13 WCAG2Ratio: // readability vale (1 - 21, 1:1 to 21:1)
a: 1 rgbaMixBlack: // color mix result: current color above solid black
b: 0.2164705882352941 r: // red (0 - 1)
g: 0.35764705882352943 g: // green (0 - 1)
luminance: 0.18587426449997613 b: // blue (0 - 1)
r: 0.7403921568627452 a: // resulting alpha or opacity value (0 - 1)
rgbaMixWhite: luminance: // luminance of resulting mix (0 - 1)
WCAG2Ratio: 3.23 WCAG2Ratio: // readability vale (1 - 21, 1:1 to 21:1)
a: 1 rgbaMixCustom: // color mix result: current color above solid custom color
b: 0.316078431372549 r: // red (0 - 1)
g: 0.4572549019607843 g: // green (0 - 1)
luminance: 0.2754391314146436 b: // blue (0 - 1)
r: 0.8400000000000001 a: // resulting alpha or opacity value (0 - 1)
saveColor: "" luminance: // luminance of resulting mix (0 - 1)
webSave: Object WCAG2Ratio: // readability vale (1 - 21, 1:1 to 21:1)
b: 51 rgbaMixWhite: // color mix result: current color above solid white
g: 102 r: // red (0 - 1)
r: 204 g: // green (0 - 1)
webSmart: b: // blue (0 - 1)
b: 34 a: // resulting alpha or opacity value (0 - 1)
g: 85 luminance: // luminance of resulting mix (0 - 1)
r: 204 WCAG2Ratio: // readability vale (1 - 21, 1:1 to 21:1)
``` ```
Write Preview
Loading…
Cancel
Save