mirror of
https://github.com/PitPik/colorPicker.git
synced 2025-07-30 05:14:29 -06:00
Some corrections and additions
This commit is contained in:
parent
3e6c584556
commit
d6a34cd26c
121
README.md
121
README.md
@ -76,7 +76,7 @@ After initializing Color or ColorPicker you'll get a clean but rhich model of th
|
||||
|
||||
```javascript
|
||||
myColors: {
|
||||
colors: { all kinds of color values... },
|
||||
colors: { all kinds of color values... see late},
|
||||
options: { all the options you set or that are set as default... },
|
||||
__proto__: { // all methods Color uses
|
||||
setColor: function(newCol, type, alpha) {},
|
||||
@ -91,7 +91,7 @@ myColors: {
|
||||
```javascript
|
||||
myColorPicker: {
|
||||
color: { // instance of Color inside colorPicker
|
||||
colors: { all kinds of color values... },
|
||||
colors: { all kinds of color values... see later},
|
||||
options: { all the options you set or that are set as default... },
|
||||
__proto__: { all methods Color uses ... }
|
||||
},
|
||||
@ -117,3 +117,120 @@ ColorPicker.getOrigin = function(elm){};
|
||||
ColorPicker.limitValue = function(value, min, max){};
|
||||
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
|
||||
|
||||
```javascript
|
||||
HEX: "CC5225"
|
||||
HUELuminance: 0.2551624375341642
|
||||
Lab:
|
||||
L: 50.69829294450699
|
||||
a: 46.211447715607754
|
||||
b: 48.89440661211546
|
||||
RGBLuminance: 0.19005527463028907
|
||||
RND:
|
||||
Lab:
|
||||
L: 51
|
||||
a: 46
|
||||
b: 49
|
||||
XYZ:
|
||||
X: 28
|
||||
Y: 19
|
||||
Z: 4
|
||||
cmy:
|
||||
c: 20
|
||||
m: 68
|
||||
y: 85
|
||||
cmyk:
|
||||
c: 0
|
||||
k: 20
|
||||
m: 60
|
||||
y: 82
|
||||
hsl:
|
||||
h: 16
|
||||
l: 47
|
||||
s: 69
|
||||
hsv:
|
||||
h: 16
|
||||
s: 82
|
||||
v: 80
|
||||
rgb:
|
||||
b: 37
|
||||
g: 82
|
||||
r: 204
|
||||
XYZ:
|
||||
X: 0.28256150053199897
|
||||
Y: 0.1900947979548766
|
||||
Z: 0.03931214183196716
|
||||
alpha: 0.8
|
||||
background:
|
||||
RGB:
|
||||
b: 37
|
||||
g: 82
|
||||
r: 204
|
||||
alpha: 0.8
|
||||
equivalentGrey: 113
|
||||
rgb:
|
||||
b: 0.1450980392156863
|
||||
g: 0.3215686274509804
|
||||
r: 0.8
|
||||
rgbaMixBlack:
|
||||
a: 1
|
||||
b: 0.11607843137254903
|
||||
g: 0.2572549019607843
|
||||
luminance: 0.11749216636078468
|
||||
r: 0.6400000000000001
|
||||
rgbaMixWhite:
|
||||
a: 1
|
||||
b: 0.316078431372549
|
||||
g: 0.4572549019607843
|
||||
luminance: 0.2754391314146436
|
||||
r: 0.8400000000000001
|
||||
cmy:
|
||||
c: 0.19999999999999996
|
||||
m: 0.6784313725490196
|
||||
y: 0.8549019607843137
|
||||
cmyk:
|
||||
c: 0
|
||||
k: 0.19999999999999996
|
||||
m: 0.5980392156862746
|
||||
y: 0.8186274509803921
|
||||
equivalentGrey: 0.4443719529411765
|
||||
hsl:
|
||||
h: 0.04491017964071856
|
||||
l: 0.4725490196078432
|
||||
s: 0.6929460580912863
|
||||
hsv:
|
||||
h: 0.04491017964071856
|
||||
s: 0.8186274509803921
|
||||
v: 0.8
|
||||
hueRGB:
|
||||
b: 0
|
||||
g: 69
|
||||
r: 255
|
||||
rgb:
|
||||
b: 0.1450980392156863
|
||||
g: 0.3215686274509804
|
||||
r: 0.8
|
||||
rgbaMixBlack:
|
||||
a: 1
|
||||
b: 0.11607843137254903
|
||||
g: 0.2572549019607843
|
||||
luminance: 0.11749216636078468
|
||||
r: 0.6400000000000001
|
||||
rgbaMixWhite:
|
||||
a: 1
|
||||
b: 0.316078431372549
|
||||
g: 0.4572549019607843
|
||||
luminance: 0.2754391314146436
|
||||
r: 0.8400000000000001
|
||||
saveColor: ""
|
||||
webSave: Object
|
||||
b: 51
|
||||
g: 102
|
||||
r: 204
|
||||
webSmart:
|
||||
b: 34
|
||||
g: 85
|
||||
r: 204
|
||||
```
|
@ -1155,6 +1155,7 @@
|
||||
}
|
||||
|
||||
function limitValue(value, min, max) {
|
||||
// return Math.max(min, Math.min(max, value)); // faster??
|
||||
return (value > max ? max : value < min ? min : value);
|
||||
}
|
||||
|
||||
|
@ -222,7 +222,7 @@
|
||||
*/
|
||||
for (var typ in ranges) {
|
||||
if (!ranges[typ][typ]) { // no alpha|HEX
|
||||
if (type !== typ && typ !== 'XYZ') {
|
||||
if (type !== typ) { // && typ !== 'XYZ'
|
||||
from = exceptions[typ] || 'rgb';
|
||||
colors[typ] = convert[from + '2' + typ](colors[from]);
|
||||
}
|
||||
@ -708,6 +708,7 @@
|
||||
}
|
||||
|
||||
function limitValue(value, min, max) {
|
||||
// return Math.max(min, Math.min(max, value)); // faster??
|
||||
return (value > max ? max : value < min ? min : value);
|
||||
}
|
||||
})(window);
|
Loading…
x
Reference in New Issue
Block a user