colorPicker/color.all.min.js

// color.min.js
(function(i,g){var m={rgb:{r:[0,255],g:[0,255],b:[0,255]},hsv:{h:[0,360],s:[0,100],v:[0,100]},hsl:{h:[0,360],s:[0,100],l:[0,100]},cmy:{c:[0,100],m:[0,100],y:[0,100]},cmyk:{c:[0,100],m:[0,100],y:[0,100],k:[0,100]},XYZ:{X:[0,100],Y:[0,100],Z:[0,100]},Lab:{L:[0,100],a:[-128,127],b:[-128,127]},alpha:{alpha:[0,1]},HEX:{HEX:[0,16777215]}},a={},p={},n={X:[0.4124564,0.3575761,0.1804375],Y:[0.2126729,0.7151522,0.072175],Z:[0.0193339,0.119192,0.9503041],R:[3.2404542,-1.5371385,-0.4985314],G:[-0.969266,1.8760108,0.041556],B:[0.0556434,-0.2040259,1.0572252]},e={r:0.298954,g:0.586434,b:0.114612},t={r:0.2126,g:0.7152,b:0.0722},r=i.Colors=function(v){this.colors={RND:{}};this.options={color:"rgba(204, 82, 37, 0.8)",XYZMatrix:n,grey:e,luminance:t,valueRanges:m};o(this,v||{})},o=function(A,y){var w,B,v=A.options,x;q(A);for(var z in y){if(y[z]!==g){v[z]=y[z]}}w=v.XYZMatrix;if(!y.XYZReference){v.XYZReference={X:w.X[0]+w.X[1]+w.X[2],Y:w.Y[0]+w.Y[1]+w.Y[2],Z:w.Z[0]+w.Z[1]+w.Z[2]}}x=v.customBG;v.customBG=(typeof x==="string")?f.txt2color(x).rgb:x;p=d(A.colors,v.color,g,true)},q=function(v){if(a!==v){a=v;p=v.colors}};r.prototype.setColor=function(x,v,w){q(this);if(x){return d(this.colors,x,v,g,w)}else{if(w!==g){this.colors.alpha=w}return s(v)}};r.prototype.getColor=function(w){var v=this.colors,x=0;if(w){w=w.split(".");while(v[w[x]]){v=v[w[x++]]}if(w.length!==x){v=g}}return v};r.prototype.setCustomBackground=function(v){q(this);this.options.customBG=(typeof v==="string")?f.txt2color(v).rgb:v;return d(this.colors,g,"rgb")};r.prototype.saveAsBackground=function(){q(this);return d(this.colors,g,"rgb",true)};r.prototype.convertColor=function(A,F){var E=f,v=m,C=F.split("2"),x=C[0],G=C[1],D=/(?:RG|HS|CM|LA)/,z=D.test(x),w=D.test(G),y={LAB:"Lab"},B=function(J,L,K){var I={},H=L==="Lab"?1:0;for(var M in J){I[M]=K?Math.round(J[M]*(H||v[L][M][1])):J[M]/(H||v[L][M][1])}return I};x=v[x]?x:y[x]||x.toLowerCase();G=v[G]?G:y[G]||G.toLowerCase();if(z&&F!=="RGB2HEX"){A=B(A,x)}A=x===G?A:(E[x+"2"+G]?E[x+"2"+G](A,true):G==="HEX"?E.RGB2HEX(F==="RGB2HEX"?A:B(x==="rgb"?A:E[x+"2rgb"](A,true),"rgb",true)):E["rgb2"+G](E[x+"2rgb"](A,true),true));if(w){A=B(A,G,true)}return A};function d(v,w,x,y,z){if(typeof w==="string"){var w=f.txt2color(w);x=w.type;p[x]=w[x];z=z!==g?z:w.alpha}else{if(w){for(var A in w){v[x][A]=k(w[A]/m[x][A][1],0,1)}}}if(z!==g){v.alpha=+z}return s(x,y?v:g)}function b(v,x,z){var y=a.options.grey,w={};w.RGB={r:v.r,g:v.g,b:v.b};w.rgb={r:x.r,g:x.g,b:x.b};w.alpha=z;w.equivalentGrey=Math.round(y.r*v.r+y.g*v.g+y.b*v.b);w.rgbaMixBlack=u(x,{r:0,g:0,b:0},z,1);w.rgbaMixWhite=u(x,{r:1,g:1,b:1},z,1);w.rgbaMixBlack.luminance=c(w.rgbaMixBlack,true);w.rgbaMixWhite.luminance=c(w.rgbaMixWhite,true);if(a.options.customBG){w.rgbaMixCustom=u(x,a.options.customBG,z,1);w.rgbaMixCustom.luminance=c(w.rgbaMixCustom,true);a.options.customBG.luminance=c(a.options.customBG,true)}return w}function s(C,G){var I=G||p,H=f,B=a.options,A=m,K=I.RND,w,L="",N="",R={hsl:"hsv",cmyk:"cmy",rgb:C},y=K.rgb,x,P;if(C!=="alpha"){for(var U in A){if(!A[U][U]){if(C!==U&&U!=="XYZ"){N=R[U]||"rgb";I[U]=H[N+"2"+U](I[N])}if(!K[U]){K[U]={}}w=I[U];for(L in w){K[U][L]=Math.round(w[L]*(U==="Lab"?1:A[U][L][1]))}}}if(C!=="Lab"){delete I._rgb}y=K.rgb;I.HEX=H.RGB2HEX(y);I.equivalentGrey=B.grey.r*I.rgb.r+B.grey.g*I.rgb.g+B.grey.b*I.rgb.b;I.webSave=x=j(y,51);I.webSmart=P=j(y,17);I.saveColor=y.r===x.r&&y.g===x.g&&y.b===x.b?"web save":y.r===P.r&&y.g===P.g&&y.b===P.b?"web smart":"";I.hueRGB=f.hue2RGB(I.hsv.h);if(G){I.background=b(y,I.rgb,I.alpha)}}var v=I.rgb,E=I.alpha,T="luminance",Q=I.background,J,z,F,O,S,M,D;J=u(v,{r:0,g:0,b:0},E,1);J[T]=c(J,true);I.rgbaMixBlack=J;z=u(v,{r:1,g:1,b:1},E,1);z[T]=c(z,true);I.rgbaMixWhite=z;if(B.allMixDetails){J.WCAG2Ratio=l(J[T],0);z.WCAG2Ratio=l(z[T],1);if(B.customBG){F=u(v,B.customBG,E,1);F[T]=c(F,true);F.WCAG2Ratio=l(F[T],B.customBG[T]);I.rgbaMixCustom=F}O=u(v,Q.rgb,E,Q.alpha);O[T]=c(O,true);I.rgbaMixBG=O;S=u(v,Q.rgbaMixBlack,E,1);S[T]=c(S,true);S.WCAG2Ratio=l(S[T],Q.rgbaMixBlack[T]);S.luminanceDelta=Math.abs(S[T]-I.background.rgbaMixBlack[T]);S.hueDelta=h(Q.rgbaMixBlack,S,true);I.rg
// colorPicker.data.min.js
(function(h,d){var b=('^§app alpha-bg-w">^§slds">^§sldl-1">$^§sldl-2">$^§sldl-3">$^§curm">$^§sldr-1">$^§sldr-2">$^§sldr-4">$^§curl">$^§curr">$$^§opacity">|^§opacity-slider">$$$^§memo">^§raster">$^§raster-bg">$|$|$|$|$|$|$|$|$^§memo-store">$^§memo-cursor">$$^§panel">^§hsv">^hsl-mode §ß">$^hsv-h-ß §ß">H$^hsv-h-~ §~">-^§nsarrow">$$^hsl-h-@ §@">H$^hsv-s-ß §ß">S$^hsv-s-~ §~">-$^hsl-s-@ §@">S$^hsv-v-ß §ß">B$^hsv-v-~ §~">-$^hsl-l-@ §@">L$$^§hsl §hide">^hsv-mode §ß">$^hsl-h-ß §ß">H$^hsl-h-~ §~">-$^hsv-h-@ §@">H$^hsl-s-ß §ß">S$^hsl-s-~ §~">-$^hsv-s-@ §@">S$^hsl-l-ß §ß">L$^hsl-l-~ §~">-$^hsv-v-@ §@">B$$^§rgb">^rgb-r-ß §ß">R$^rgb-r-~ §~">-$^rgb-r-@ §ß">&nbsp;$^rgb-g-ß §ß">G$^rgb-g-~ §~">-$^rgb-g-@ §ß">&nbsp;$^rgb-b-ß §ß">B$^rgb-b-~ §~">-$^rgb-b-@ §ß">&nbsp;$$^§cmyk">^Lab-mode §ß">$^cmyk-c-ß §@">C$^cmyk-c-~ §~">-$^Lab-L-@ §@">L$^cmyk-m-ß §@">M$^cmyk-m-~ §~">-$^Lab-a-@ §@">a$^cmyk-y-ß §@">Y$^cmyk-y-~ §~">-$^Lab-b-@ §@">b$^cmyk-k-ß §@">K$^cmyk-k-~ §~">-$^Lab-x-@ §ß">&nbsp;$$^§Lab §hide">^cmyk-mode §ß">$^Lab-L-ß §@">L$^Lab-L-~ §~">-$^cmyk-c-@ §@">C$^Lab-a-ß §@">a$^Lab-a-~ §~">-$^cmyk-m-@ §@">M$^Lab-b-ß §@">b$^Lab-b-~ §~">-$^cmyk-y-@ §@">Y$^Lab-x-ß §@">&nbsp;$^Lab-x-~ §~">-$^cmyk-k-@ §@">K$$^§alpha">^alpha-ß §ß">A$^alpha-~ §~">-$^alpha-@ §ß">W$$^§HEX">^HEX-ß §ß">#$^HEX-~ §~">-$^HEX-@ §ß">M$$^§ctrl">^§raster">$^§cont">$^§cold">$^§col1">|&nbsp;$$^§col2">|&nbsp;$$^§bres">RESET$^§bsav">SAVE$$$^§exit">$^§resize">$^§resizer">|$$$').replace(/\^/g,'<div class="').replace(/\$/g,"</div>").replace(/~/g,"disp").replace(/ß/g,"butt").replace(/@/g,"labl").replace(/\|/g,"<div>"),f=("är^1,äg^1,äb^1,öh^1,öh?1,öh?2,ös?1,öv?1,üh^1,üh?1,üh?2,üs?1,ül?1,.no-rgb-r är?2,.no-rgb-r är?3,.no-rgb-r är?4,.no-rgb-g äg?2,.no-rgb-g äg?3,.no-rgb-g äg?4,.no-rgb-b äb?2,.no-rgb-b äb?3,.no-rgb-b äb?4{visibility:hidden}är^2,är^3,äg^2,äg^3,äb^2,äb^3{@-image:url(_patches.png)}.§slds div{@-image:url(_vertical.png)}öh^2,ös^1,öv^1,üh^2,üs^1,ül^1{@-image:url(_horizontal.png)}ös?4,öv^3,üs?4,ül^3{@:#000}üs?3,ül^4{@:#fff}är?1{@-color:#f00}äg?1{@-color:#0f0}äb?1{@-color:#00f}är^2{@|-1664px 0}är^3{@|-896px 0}är?1,äg?1,äb?1,öh^3,ös^2,öv?2Ü-2432Öär?2Ü-2944Öär?3Ü-4480Öär?4Ü-3202Öäg^2Äöh^2{@|-640px 0}äg^3{@|-384px 0}äg?2Ü-4736Öäg?3Ü-3968Öäg?4Ü-3712Öäb^2{@|-1152px 0}äb^3{@|-1408px 0}äb?2Ü-3456Öäb?3Ü-4224Öäb?4Ü-2688Ööh^2Äär^3Ääb?4Ü0}öh?4,üh?4Ü-1664Öös^1,öv^1,üs^1,ül^1Ääg^3{@|-256px 0}ös^3,öv?4,üs^3,ül?4Ü-2176Öös?2,öv^2Ü-1920Öüh^2{@|-768px 0}üh^3,üs^2,ül?2Ü-5184Öüs?2,ül^2Ü-5824Ö.S är^2{@|-128px -128Ö.S är?1Ääg?1Ääb?1Äöh^3Äös^2Äöv?2Ü-1408Ö.S är?2Ääb^3Ü-128Ö.S är?3Ü-896Ö.S är?4Ü-256Ö.S äg^2{@|-256px -128Ö.S äg?2Ü-1024Ö.S äg?3Ü-640Ö.S äg?4Ü-512Ö.S äb^2{@|-128px 0}.S äb?2Ü-384Ö.S äb?3Ü-768Ö.S öh?4Äüh?4Ü-1536Ö.S ös^1Äöv^1Äüs^1Äül^1{@|-512px 0}.S ös^3Äöv?4Äüs^3Äül?4Ü-1280Ö.S ös?2Äöv^2Ü-1152Ö.S üh^2{@|-1024px 0}.S üh^3Äüs^2Äül?2Ü-5440Ö.S üs?2Äül^2Ü-5696Ö.XXS ös^2,.XXS öv?2Ü-5120Ö.XXS ös^3,.XXS öv?4,.XXS üs^3,.XXS ül^3,.XXS ül?4Ü-5056Ö.XXS ös?2,.XXS öv^2Ü-4992Ö.XXS üs^2,.XXS ül?2Ü-5568Ö.XXS üs?2,.XXS ül^2Ü-5632Ö").replace(/Ü/g,"{@|0 ").replace(/Ö/g,"px}").replace(/Ä/g,",.S ").replace(/\|/g,"-position:").replace(/@/g,"background").replace(/ü/g,".hsl-").replace(/ö/g,".hsv-").replace(/ä/g,".rgb-").replace(/~/g," .no-rgb-}").replace(/\?/g," .§sldr-").replace(/\^/g," .§sldl-"),i=('∑{@#bbb;font-family:"Courier New",Courier,mono;font-size:12¥line-ä15¥font-weight:bold;cursor:default;~412¥ä323¥?top-left-radius:7¥?top-Ü-radius:7¥?bottom-Ü-radius:7¥?bottom-left-radius:7¥ö@#444}.S{~266¥ä177px}.XS{~158¥ä173px}.XXS{ä105¥~154px}.no-alpha{ä308px}.no-alpha .§opacity,.no-alpha .§alpha{display:none}.S.no-alpha{ä162px}.XS.no-alpha{ä158px}.XXS.no-alpha{ä90px}∑,∑ div{border:none;padding:0¥float:none;margin:0¥outline:
// colorPicker.min.js
(function(ab,z){var aj=ab.ColorPicker,L=!aj,x=document.createStyleSheet!==z&&document.getElementById,q={},E={w:"White",b:"Black",c:"Custom"},A,G,H,s=1,W={},K={},e,i=true,u={selection:document.selection||ab.getSelection(),range:(document.createRange?document.createRange():document.body.createTextRange())},R={},g={},l,y,N={},a={},ai={},X={},Q="AnimationFrame",B="request"+Q,M="cancel"+Q,m=["ms","moz","webkit","o"],ak=function(n){this.options={color:"rgba(204, 82, 37, 0.8)",mode:"rgb-b",fps:60,delayOffset:8,CSSPrefix:"cp-",allMixDetails:true,alphaBG:"w",imagePath:""};r(this,n||{})};ab.ColorPicker=ak;ak.addEvent=v;ak.removeEvent=c;ak.getOrigin=F;ak.limitValue=D;ak.changeClass=t;ak.prototype.setColor=function(am,n,al,an){p(this);H=true;h(N.setColor.apply(N,arguments));if(an){this.startRender(true)}};ak.prototype.saveAsBackground=function(){p(this);return b()};Colors.prototype.setCustomBackground=function(n){p(this);return N.setCustomBackground(n)};ak.prototype.startRender=function(n){p(this);if(n){A=false;O();this.stopRender()}else{A=1;e=ab[B](O)}};ak.prototype.stopRender=function(){p(this);ab[M](e);if(H){A=1;ac(z,"external")}};ak.prototype.setMode=function(n){p(this);V(n);T();O()};ak.prototype.destroyAll=function(){var n=this.nodes.colorPicker,al=function(am){for(var an in am){if(am[an]&&am[an].toString()==="[object Object]"||am[an] instanceof Array){al(am[an])}am[an]=null;delete am[an]}};this.stopRender();aa(this,true);al(this);n.parentNode.removeChild(n);n=null};function r(ar,au){var al,an,ap="",at="",aq;for(var ao in au){ar.options[ao]=au[ao]}N=new Colors(ar.options);delete ar.options;ai=N.options;ai.scale=1;at=ai.CSSPrefix;ar.color=N;q=ai.valueRanges;ar.nodes=X=ag(J(ar),ar);V(ai.mode);p(ar);b();ap=" "+ai.mode.type+"-"+ai.mode.z;X.slds.className+=ap;X.panel.className+=ap;if(ai.noHexButton){t(X.HEX_butt,at+"butt",at+"labl")}if(ai.size!==z){Z(z,ai.size)}aq={alphaBG:X.alpha_labl,cmyOnly:X.HEX_labl};for(var am in aq){if(ai[am]!==z){d({target:aq[am],data:ai[am]})}}if(ai.noAlpha){X.colorPicker.className+=" no-alpha"}an=ai.memoryColors;for(var am=X.memos.length;am--;){X.memos[am].style.cssText="background-color: "+(an&&an[am]!==z?af(an[am])+";"+P(an[am]["a"]||1):"rgb(0,0,0);")}aa(ar);A=true;ac(z,"init");if(y){p(y);O()}}function p(n){i=true;if(l!==n){l=n;a=n.color.colors;ai=n.color.options;X=n.nodes;N=n.color;g={};h(a)}}function I(){var al=["L","S","XS","XXS"];ai.sizes={};X.testNode.style.cssText="position:absolute;left:-1000px;top:-1000px;";document.body.appendChild(X.testNode);for(var am=al.length;am--;){X.testNode.className=ai.CSSPrefix+"app "+al[am];ai.sizes[al[am]]=[X.testNode.offsetWidth,X.testNode.offsetHeight]}if(X.testNode.removeNode){X.testNode.removeNode(true)}else{document.body.removeChild(X.testNode)}}function J(an){var ap=document.createElement("div"),ao=ai.CSSPrefix,al="data:image/png;base64,",am=function(ar,at){var n=document.createElement("style");n.setAttribute("type","text/css");if(at){n.setAttribute("id",at)}if(!n.styleSheet){n.appendChild(document.createTextNode(ar))}document.getElementsByTagName("head")[0].appendChild(n);if(n.styleSheet){document.styleSheets[document.styleSheets.length-1].cssText=ar}};if(L){return an.color.options.devPicker}if(y=l){T()}ap.innerHTML=l?l.nodes.colorPicker.outerHTML:aj._html.replace(/§/g,ao);if(!document.getElementById("colorPickerCSS")){aj._cssFunc=aj._cssFunc.replace(/§/g,ao).replace("_patches.png",!x?al+aj._patchesPng:ai.imagePath+"_patches.png").replace("_vertical.png",!x?al+aj._verticalPng:ai.imagePath+"_vertical.png").replace("_horizontal.png",!x?al+aj._horizontalPng:ai.imagePath+"_horizontal.png");am(aj._cssFunc,"colorPickerCSS");if(!ai.customCSS){aj._cssMain=aj._cssMain.replace(/§/g,ao).replace("_bgs.png",!x?al+aj._bgsPng:ai.imagePath+"_bgs.png").replace("_icons.png",!x?al+aj._iconsPng:ai.imagePath+"_icons.png").replace("_blank.png",!x?al+aj._blankPng:ai.imagePath+"_blank.cur").replace('"Courier New",',!x?"":'"Courier New",').replace(/opacity:(\d*\.*(\d+))/g,function(n,ar){return x?'-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity='+Math.round(+ar*100)+')
New (quite) stable version Initial version (tested on IE7, IE6 possible with new CSS) 10 years ago			`// color.min.js`
new all.min version 10 years ago			(function(i,g){var m={rgb:{r:[0,255],g:[0,255],b:[0,255]},hsv:{h:[0,360],s:[0,100],v:[0,100]},hsl:{h:[0,360],s:[0,100],l:[0,100]},cmy:{c:[0,100],m:[0,100],y:[0,100]},cmyk:{c:[0,100],m:[0,100],y:[0,100],k:[0,100]},XYZ:{X:[0,100],Y:[0,100],Z:[0,100]},Lab:{L:[0,100],a:[-128,127],b:[-128,127]},alpha:{alpha:[0,1]},HEX:{HEX:[0,16777215]}},a={},p={},n={X:[0.4124564,0.3575761,0.1804375],Y:[0.2126729,0.7151522,0.072175],Z:[0.0193339,0.119192,0.9503041],R:[3.2404542,-1.5371385,-0.4985314],G:[-0.969266,1.8760108,0.041556],B:[0.0556434,-0.2040259,1.0572252]},e={r:0.298954,g:0.586434,b:0.114612},t={r:0.2126,g:0.7152,b:0.0722},r=i.Colors=function(v){this.colors={RND:{}};this.options={color:"rgba(204, 82, 37, 0.8)",XYZMatrix:n,grey:e,luminance:t,valueRanges:m};o(this,v\|\|{})},o=function(A,y){var w,B,v=A.options,x;q(A);for(var z in y){if(y[z]!==g){v[z]=y[z]}}w=v.XYZMatrix;if(!y.XYZReference){v.XYZReference={X:w.X[0]+w.X[1]+w.X[2],Y:w.Y[0]+w.Y[1]+w.Y[2],Z:w.Z[0]+w.Z[1]+w.Z[2]}}x=v.customBG;v.customBG=(typeof x==="string")?f.txt2color(x).rgb:x;p=d(A.colors,v.color,g,true)},q=function(v){if(a!==v){a=v;p=v.colors}};r.prototype.setColor=function(x,v,w){q(this);if(x){return d(this.colors,x,v,g,w)}else{if(w!==g){this.colors.alpha=w}return s(v)}};r.prototype.getColor=function(w){var v=this.colors,x=0;if(w){w=w.split(".");while(v[w[x]]){v=v[w[x++]]}if(w.length!==x){v=g}}return v};r.prototype.setCustomBackground=function(v){q(this);this.options.customBG=(typeof v==="string")?f.txt2color(v).rgb:v;return d(this.colors,g,"rgb")};r.prototype.saveAsBackground=function(){q(this);return d(this.colors,g,"rgb",true)};r.prototype.convertColor=function(A,F){var E=f,v=m,C=F.split("2"),x=C[0],G=C[1],D=/(?:RG\|HS\|CM\|LA)/,z=D.test(x),w=D.test(G),y={LAB:"Lab"},B=function(J,L,K){var I={},H=L==="Lab"?1:0;for(var M in J){I[M]=K?Math.round(J[M](H\|\|v[L][M][1])):J[M]/(H\|\|v[L][M][1])}return I};x=v[x]?x:y[x]\|\|x.toLowerCase();G=v[G]?G:y[G]\|\|G.toLowerCase();if(z&&F!=="RGB2HEX"){A=B(A,x)}A=x===G?A:(E[x+"2"+G]?E[x+"2"+G](A,true):G==="HEX"?E.RGB2HEX(F==="RGB2HEX"?A:B(x==="rgb"?A:E[x+"2rgb"](A,true),"rgb",true)):E["rgb2"+G](E[x+"2rgb"](A,true),true));if(w){A=B(A,G,true)}return A};function d(v,w,x,y,z){if(typeof w==="string"){var w=f.txt2color(w);x=w.type;p[x]=w[x];z=z!==g?z:w.alpha}else{if(w){for(var A in w){v[x][A]=k(w[A]/m[x][A][1],0,1)}}}if(z!==g){v.alpha=+z}return s(x,y?v:g)}function b(v,x,z){var y=a.options.grey,w={};w.RGB={r:v.r,g:v.g,b:v.b};w.rgb={r:x.r,g:x.g,b:x.b};w.alpha=z;w.equivalentGrey=Math.round(y.rv.r+y.gv.g+y.bv.b);w.rgbaMixBlack=u(x,{r:0,g:0,b:0},z,1);w.rgbaMixWhite=u(x,{r:1,g:1,b:1},z,1);w.rgbaMixBlack.luminance=c(w.rgbaMixBlack,true);w.rgbaMixWhite.luminance=c(w.rgbaMixWhite,true);if(a.options.customBG){w.rgbaMixCustom=u(x,a.options.customBG,z,1);w.rgbaMixCustom.luminance=c(w.rgbaMixCustom,true);a.options.customBG.luminance=c(a.options.customBG,true)}return w}function s(C,G){var I=G\|\|p,H=f,B=a.options,A=m,K=I.RND,w,L="",N="",R={hsl:"hsv",cmyk:"cmy",rgb:C},y=K.rgb,x,P;if(C!=="alpha"){for(var U in A){if(!A[U][U]){if(C!==U&&U!=="XYZ"){N=R[U]\|\|"rgb";I[U]=H[N+"2"+U](I[N])}if(!K[U]){K[U]={}}w=I[U];for(L in w){K[U][L]=Math.round(w[L](U==="Lab"?1:A[U][L][1]))}}}if(C!=="Lab"){delete I._rgb}y=K.rgb;I.HEX=H.RGB2HEX(y);I.equivalentGrey=B.grey.rI.rgb.r+B.grey.gI.rgb.g+B.grey.bI.rgb.b;I.webSave=x=j(y,51);I.webSmart=P=j(y,17);I.saveColor=y.r===x.r&&y.g===x.g&&y.b===x.b?"web save":y.r===P.r&&y.g===P.g&&y.b===P.b?"web smart":"";I.hueRGB=f.hue2RGB(I.hsv.h);if(G){I.background=b(y,I.rgb,I.alpha)}}var v=I.rgb,E=I.alpha,T="luminance",Q=I.background,J,z,F,O,S,M,D;J=u(v,{r:0,g:0,b:0},E,1);J[T]=c(J,true);I.rgbaMixBlack=J;z=u(v,{r:1,g:1,b:1},E,1);z[T]=c(z,true);I.rgbaMixWhite=z;if(B.allMixDetails){J.WCAG2Ratio=l(J[T],0);z.WCAG2Ratio=l(z[T],1);if(B.customBG){F=u(v,B.customBG,E,1);F[T]=c(F,true);F.WCAG2Ratio=l(F[T],B.customBG[T]);I.rgbaMixCustom=F}O=u(v,Q.rgb,E,Q.alpha);O[T]=c(O,true);I.rgbaMixBG=O;S=u(v,Q.rgbaMixBlack,E,1);S[T]=c(S,true);S.WCAG2Ratio=l(S[T],Q.rgbaMixBlack[T]);S.luminanceDelta=Math.abs(S[T]-I.background.rgbaMixBlack[T]);S.hueDelta=h(Q.rgbaMixBlack,S,true);I.rg
New (quite) stable version Initial version (tested on IE7, IE6 possible with new CSS) 10 years ago			`// colorPicker.data.min.js`
new all.min version 10 years ago			(function(h,d){var b=('^§app alpha-bg-w">^§slds">^§sldl-1">$^§sldl-2">$^§sldl-3">$^§curm">$^§sldr-1">$^§sldr-2">$^§sldr-4">$^§curl">$^§curr">$$^§opacity">\|^§opacity-slider">$$$^§memo">^§raster">$^§raster-bg">$\|$\|$\|$\|$\|$\|$\|$\|$^§memo-store">$^§memo-cursor">$$^§panel">^§hsv">^hsl-mode §ß">$^hsv-h-ß §ß">H$^hsv-h-~ §~">-^§nsarrow">$$^hsl-h-@ §@">H$^hsv-s-ß §ß">S$^hsv-s-~ §~">-$^hsl-s-@ §@">S$^hsv-v-ß §ß">B$^hsv-v-~ §~">-$^hsl-l-@ §@">L$$^§hsl §hide">^hsv-mode §ß">$^hsl-h-ß §ß">H$^hsl-h-~ §~">-$^hsv-h-@ §@">H$^hsl-s-ß §ß">S$^hsl-s-~ §~">-$^hsv-s-@ §@">S$^hsl-l-ß §ß">L$^hsl-l-~ §~">-$^hsv-v-@ §@">B$$^§rgb">^rgb-r-ß §ß">R$^rgb-r-~ §~">-$^rgb-r-@ §ß"> $^rgb-g-ß §ß">G$^rgb-g-~ §~">-$^rgb-g-@ §ß"> $^rgb-b-ß §ß">B$^rgb-b-~ §~">-$^rgb-b-@ §ß"> $$^§cmyk">^Lab-mode §ß">$^cmyk-c-ß §@">C$^cmyk-c-~ §~">-$^Lab-L-@ §@">L$^cmyk-m-ß §@">M$^cmyk-m-~ §~">-$^Lab-a-@ §@">a$^cmyk-y-ß §@">Y$^cmyk-y-~ §~">-$^Lab-b-@ §@">b$^cmyk-k-ß §@">K$^cmyk-k-~ §~">-$^Lab-x-@ §ß"> $$^§Lab §hide">^cmyk-mode §ß">$^Lab-L-ß §@">L$^Lab-L-~ §~">-$^cmyk-c-@ §@">C$^Lab-a-ß §@">a$^Lab-a-~ §~">-$^cmyk-m-@ §@">M$^Lab-b-ß §@">b$^Lab-b-~ §~">-$^cmyk-y-@ §@">Y$^Lab-x-ß §@"> $^Lab-x-~ §~">-$^cmyk-k-@ §@">K$$^§alpha">^alpha-ß §ß">A$^alpha-~ §~">-$^alpha-@ §ß">W$$^§HEX">^HEX-ß §ß">#$^HEX-~ §~">-$^HEX-@ §ß">M$$^§ctrl">^§raster">$^§cont">$^§cold">$^§col1">\| $$^§col2">\| $$^§bres">RESET$^§bsav">SAVE$$$^§exit">$^§resize">$^§resizer">\|$$$').replace(/\^/g,'<div class="').replace(/\$/g,"</div>").replace(/~/g,"disp").replace(/ß/g,"butt").replace(/@/g,"labl").replace(/\\|/g,"<div>"),f=("är^1,äg^1,äb^1,öh^1,öh?1,öh?2,ös?1,öv?1,üh^1,üh?1,üh?2,üs?1,ül?1,.no-rgb-r är?2,.no-rgb-r är?3,.no-rgb-r är?4,.no-rgb-g äg?2,.no-rgb-g äg?3,.no-rgb-g äg?4,.no-rgb-b äb?2,.no-rgb-b äb?3,.no-rgb-b äb?4{visibility:hidden}är^2,är^3,äg^2,äg^3,äb^2,äb^3{@-image:url(_patches.png)}.§slds div{@-image:url(_vertical.png)}öh^2,ös^1,öv^1,üh^2,üs^1,ül^1{@-image:url(_horizontal.png)}ös?4,öv^3,üs?4,ül^3{@:#000}üs?3,ül^4{@:#fff}är?1{@-color:#f00}äg?1{@-color:#0f0}äb?1{@-color:#00f}är^2{@\|-1664px 0}är^3{@\|-896px 0}är?1,äg?1,äb?1,öh^3,ös^2,öv?2Ü-2432Öär?2Ü-2944Öär?3Ü-4480Öär?4Ü-3202Öäg^2Äöh^2{@\|-640px 0}äg^3{@\|-384px 0}äg?2Ü-4736Öäg?3Ü-3968Öäg?4Ü-3712Öäb^2{@\|-1152px 0}äb^3{@\|-1408px 0}äb?2Ü-3456Öäb?3Ü-4224Öäb?4Ü-2688Ööh^2Äär^3Ääb?4Ü0}öh?4,üh?4Ü-1664Öös^1,öv^1,üs^1,ül^1Ääg^3{@\|-256px 0}ös^3,öv?4,üs^3,ül?4Ü-2176Öös?2,öv^2Ü-1920Öüh^2{@\|-768px 0}üh^3,üs^2,ül?2Ü-5184Öüs?2,ül^2Ü-5824Ö.S är^2{@\|-128px -128Ö.S är?1Ääg?1Ääb?1Äöh^3Äös^2Äöv?2Ü-1408Ö.S är?2Ääb^3Ü-128Ö.S är?3Ü-896Ö.S är?4Ü-256Ö.S äg^2{@\|-256px -128Ö.S äg?2Ü-1024Ö.S äg?3Ü-640Ö.S äg?4Ü-512Ö.S äb^2{@\|-128px 0}.S äb?2Ü-384Ö.S äb?3Ü-768Ö.S öh?4Äüh?4Ü-1536Ö.S ös^1Äöv^1Äüs^1Äül^1{@\|-512px 0}.S ös^3Äöv?4Äüs^3Äül?4Ü-1280Ö.S ös?2Äöv^2Ü-1152Ö.S üh^2{@\|-1024px 0}.S üh^3Äüs^2Äül?2Ü-5440Ö.S üs?2Äül^2Ü-5696Ö.XXS ös^2,.XXS öv?2Ü-5120Ö.XXS ös^3,.XXS öv?4,.XXS üs^3,.XXS ül^3,.XXS ül?4Ü-5056Ö.XXS ös?2,.XXS öv^2Ü-4992Ö.XXS üs^2,.XXS ül?2Ü-5568Ö.XXS üs?2,.XXS ül^2Ü-5632Ö").replace(/Ü/g,"{@\|0 ").replace(/Ö/g,"px}").replace(/Ä/g,",.S ").replace(/\\|/g,"-position:").replace(/@/g,"background").replace(/ü/g,".hsl-").replace(/ö/g,".hsv-").replace(/ä/g,".rgb-").replace(/~/g," .no-rgb-}").replace(/\?/g," .§sldr-").replace(/\^/g," .§sldl-"),i=('∑{@#bbb;font-family:"Courier New",Courier,mono;font-size:12¥line-ä15¥font-weight:bold;cursor:default;~412¥ä323¥?top-left-radius:7¥?top-Ü-radius:7¥?bottom-Ü-radius:7¥?bottom-left-radius:7¥ö@#444}.S{~266¥ä177px}.XS{~158¥ä173px}.XXS{ä105¥~154px}.no-alpha{ä308px}.no-alpha .§opacity,.no-alpha .§alpha{display:none}.S.no-alpha{ä162px}.XS.no-alpha{ä158px}.XXS.no-alpha{ä90px}∑,∑ div{border:none;padding:0¥float:none;margin:0¥outline:
New (quite) stable version Initial version (tested on IE7, IE6 possible with new CSS) 10 years ago			`// colorPicker.min.js`
new all.min version 10 years ago			(function(ab,z){var aj=ab.ColorPicker,L=!aj,x=document.createStyleSheet!==z&&document.getElementById,q={},E={w:"White",b:"Black",c:"Custom"},A,G,H,s=1,W={},K={},e,i=true,u={selection:document.selection\|\|ab.getSelection(),range:(document.createRange?document.createRange():document.body.createTextRange())},R={},g={},l,y,N={},a={},ai={},X={},Q="AnimationFrame",B="request"+Q,M="cancel"+Q,m=["ms","moz","webkit","o"],ak=function(n){this.options={color:"rgba(204, 82, 37, 0.8)",mode:"rgb-b",fps:60,delayOffset:8,CSSPrefix:"cp-",allMixDetails:true,alphaBG:"w",imagePath:""};r(this,n\|\|{})};ab.ColorPicker=ak;ak.addEvent=v;ak.removeEvent=c;ak.getOrigin=F;ak.limitValue=D;ak.changeClass=t;ak.prototype.setColor=function(am,n,al,an){p(this);H=true;h(N.setColor.apply(N,arguments));if(an){this.startRender(true)}};ak.prototype.saveAsBackground=function(){p(this);return b()};Colors.prototype.setCustomBackground=function(n){p(this);return N.setCustomBackground(n)};ak.prototype.startRender=function(n){p(this);if(n){A=false;O();this.stopRender()}else{A=1;e=ab[B](O)}};ak.prototype.stopRender=function(){p(this);ab[M](e);if(H){A=1;ac(z,"external")}};ak.prototype.setMode=function(n){p(this);V(n);T();O()};ak.prototype.destroyAll=function(){var n=this.nodes.colorPicker,al=function(am){for(var an in am){if(am[an]&&am[an].toString()==="[object Object]"\|\|am[an] instanceof Array){al(am[an])}am[an]=null;delete am[an]}};this.stopRender();aa(this,true);al(this);n.parentNode.removeChild(n);n=null};function r(ar,au){var al,an,ap="",at="",aq;for(var ao in au){ar.options[ao]=au[ao]}N=new Colors(ar.options);delete ar.options;ai=N.options;ai.scale=1;at=ai.CSSPrefix;ar.color=N;q=ai.valueRanges;ar.nodes=X=ag(J(ar),ar);V(ai.mode);p(ar);b();ap=" "+ai.mode.type+"-"+ai.mode.z;X.slds.className+=ap;X.panel.className+=ap;if(ai.noHexButton){t(X.HEX_butt,at+"butt",at+"labl")}if(ai.size!==z){Z(z,ai.size)}aq={alphaBG:X.alpha_labl,cmyOnly:X.HEX_labl};for(var am in aq){if(ai[am]!==z){d({target:aq[am],data:ai[am]})}}if(ai.noAlpha){X.colorPicker.className+=" no-alpha"}an=ai.memoryColors;for(var am=X.memos.length;am--;){X.memos[am].style.cssText="background-color: "+(an&&an[am]!==z?af(an[am])+";"+P(an[am]["a"]\|\|1):"rgb(0,0,0);")}aa(ar);A=true;ac(z,"init");if(y){p(y);O()}}function p(n){i=true;if(l!==n){l=n;a=n.color.colors;ai=n.color.options;X=n.nodes;N=n.color;g={};h(a)}}function I(){var al=["L","S","XS","XXS"];ai.sizes={};X.testNode.style.cssText="position:absolute;left:-1000px;top:-1000px;";document.body.appendChild(X.testNode);for(var am=al.length;am--;){X.testNode.className=ai.CSSPrefix+"app "+al[am];ai.sizes[al[am]]=[X.testNode.offsetWidth,X.testNode.offsetHeight]}if(X.testNode.removeNode){X.testNode.removeNode(true)}else{document.body.removeChild(X.testNode)}}function J(an){var ap=document.createElement("div"),ao=ai.CSSPrefix,al="data:image/png;base64,",am=function(ar,at){var n=document.createElement("style");n.setAttribute("type","text/css");if(at){n.setAttribute("id",at)}if(!n.styleSheet){n.appendChild(document.createTextNode(ar))}document.getElementsByTagName("head")[0].appendChild(n);if(n.styleSheet){document.styleSheets[document.styleSheets.length-1].cssText=ar}};if(L){return an.color.options.devPicker}if(y=l){T()}ap.innerHTML=l?l.nodes.colorPicker.outerHTML:aj._html.replace(/§/g,ao);if(!document.getElementById("colorPickerCSS")){aj._cssFunc=aj._cssFunc.replace(/§/g,ao).replace("_patches.png",!x?al+aj._patchesPng:ai.imagePath+"_patches.png").replace("_vertical.png",!x?al+aj._verticalPng:ai.imagePath+"_vertical.png").replace("_horizontal.png",!x?al+aj._horizontalPng:ai.imagePath+"_horizontal.png");am(aj._cssFunc,"colorPickerCSS");if(!ai.customCSS){aj._cssMain=aj._cssMain.replace(/§/g,ao).replace("_bgs.png",!x?al+aj._bgsPng:ai.imagePath+"_bgs.png").replace("_icons.png",!x?al+aj._iconsPng:ai.imagePath+"_icons.png").replace("_blank.png",!x?al+aj._blankPng:ai.imagePath+"_blank.cur").replace('"Courier New",',!x?"":'"Courier New",').replace(/opacity:(\d\.(\d+))/g,function(n,ar){return x?'-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity='+Math.round(+ar*100)+')