colormatch/trunk/colormatch.js

var hs=new Object();
var rg=new Object();

function sample_go()
{ 
        document.getElementById('sample').style.backgroundColor = document.getElementById('col7').value;
        document.getElementById('sampleh1').style.backgroundColor = document.getElementById('col0').value;
        document.getElementById('sampleh1').style.color = document.getElementById('col2').value;
        document.getElementById('sampleh1').style.borderColor = document.getElementById('col6').value;
        document.getElementById('sampleh2').style.backgroundColor = document.getElementById('col3').value;
        document.getElementById('sampleh2').style.color = document.getElementById('col5').value;
        document.getElementById('sampleh2').style.borderColor = document.getElementById('col6').value;
        document.getElementById('samplep').style.backgroundColor = document.getElementById('col7').value;
        document.getElementById('samplep').style.color = document.getElementById('col8').value;
        document.getElementById('samplep').style.borderColor = document.getElementById('col6').value;
        document.getElementById('samplelink').style.color = document.getElementById('col1').value;
        document.getElementById('samplehover').style.color = document.getElementById('col4').value;

}
function htmlgo()
 { 
        k=document.getElementById('html').value;
        j = k.replace('#','');
        red = j.substr(0,2);
        gre = j.substr(2,2);
        blu = j.substr(4,2);
        r.setValue(parseInt(red,16));
        g.setValue(parseInt(gre,16));
        b.setValue(parseInt(blu,16));
        
}

function c2r(d)
{
        k=document.getElementById(d).style.backgroundColor;
        j=(k.substr(4,k.indexOf(")")-4)).split(",");
        r.setValue(j[0]);
        g.setValue(j[1]);
        b.setValue(j[2]);
}
function load_theme()
{
        sel = document.getElementById("coltheme");
        var d = sel.options[sel.selectedIndex].value;
        j=d.split(",");
        r.setValue(j[0]);
        g.setValue(j[1]);
        b.setValue(j[2]);
}

function ud(x,c)
{
        document.getElementById("sw"+x).style.backgroundColor="rgb("+c.r+","+c.g+","+c.b+")";
        document.getElementById("hc"+x).innerHTML="#"+rg2html(c) + "<br />R: "+c.r+"<br />G: "+c.g+"<br />B: "+c.b;
        document.getElementById("col"+x).value="#"+rg2html(c)
        if(x == 0) 
                {
                document.getElementById("bookmark").value="http://color.twysted.net/?color="+rg2html(c);
        }
}
function rg2html(z)
{
        return d2h(z.r)+d2h(z.g)+d2h(z.b);
}
function d2h(d)
{
        hch="0123456789ABCDEF";
        a=d%16;
        q=(d-a)/16;
        return hch.charAt(q)+hch.charAt(a);
}
function h2r(hs)
{
        var rg=new Object();
        if(hs.s==0)
        {
                rg.r=rg.g=rg.b=Math.round(hs.v*2.55);
                return rg;
        }
        hs.s=hs.s/100;
        hs.v=hs.v/100;
        hs.h/=60;
        i=Math.floor(hs.h);
        f=hs.h-i;
        p=hs.v*(1-hs.s);
        q=hs.v*(1-hs.s*f);
        t=hs.v*(1-hs.s*(1-f));
        switch(i)
        {
                case 0:rg.r=hs.v;
                rg.g=t;
                rg.b=p;
                break;
                case 1:rg.r=q;
                rg.g=hs.v;
                rg.b=p;
                break;
                case 2:rg.r=p;
                rg.g=hs.v;
                rg.b=t;
                break;
                case 3:rg.r=p;
                rg.g=q;
                rg.b=hs.v;
                break;
                case 4:rg.r=t;
                rg.g=p;
                rg.b=hs.v;
                break;
                default:rg.r=hs.v;
                rg.g=p;
                rg.b=q;
        }
        rg.r=Math.round(rg.r*255);
        rg.g=Math.round(rg.g*255);
        rg.b=Math.round(rg.b*255);
        return rg;
}
function rc(x,m)
{
        if(x>m)
        {
                return m
        }
        if(x<0)
        {
                return 0
        }
        else
        {
                return x
        }
}
function rg2hs(rg)
{
        m=rg.r;
        if(rg.g<m)
        {
                m=rg.g
        };
        if(rg.b<m)
        {
                m=rg.b
        };
        v=rg.r;
        if(rg.g>v)
        {
                v=rg.g
        };
        if(rg.b>v)
        {
                v=rg.b
        };
        value=100*v/255;
        delta=v-m;
        if(v==0.0)
        {
                hs.s=0
        }
        else
        {
                hs.s=100*delta/v
        };
        if(hs.s==0)
        {
                hs.h=0
        }
        else
        {
                if(rg.r==v)
                {
                        hs.h=60.0*(rg.g-rg.b)/delta
                }
                else if(rg.g==v)
                {
                        hs.h=120.0+60.0*(rg.b-rg.r)/delta
                }
                else if(rg.b=v)
                {
                        hs.h=240.0+60.0*(rg.r-rg.g)/delta
                }
                if(hs.h<0.0)
                {
                        hs.h=hs.h+360.0
                }
        }
        hs.v=Math.round(value);
        hs.h=Math.round(hs.h);
        hs.s=Math.round(hs.s);
        return(true);
}
function dom()
{
        z=new Object();
        y=new Object();
        yx=new Object();
        p=new Object();
        pr=new Object();
        p.s=y.s=hs.s;
        p.h=y.h=hs.h;
        if(hs.v>70)
        {
                y.v=hs.v-30
                p.v=y.v +15
                z=h2r(p);
                ud("1",z);
                

        }
        else
        {
                y.v=hs.v+30
                p.v=y.v-15
                z=h2r(p);
                ud("1",z);
                
        };
        z=h2r(y);
        ud("2",z);
        if((hs.h>=0)&&(hs.h<30))
        {
                pr.h=yx.h=y.h=hs.h+20;
                pr.s=yx.s=y.s=hs.s;
                y.v=hs.v;
                if(hs.v>70)
                {
                        yx.v=hs.v-30
                        pr.v = yx.v +15
                }
                else
                {
                        yx.v=hs.v+30
                        pr.v = yx.v -15
                }
        }
        if((hs.h>=30)&&(hs.h<60))
        {
                pr.h=yx.h=y.h=hs.h+150;
                y.s=rc(hs.s-30,100);
                y.v=rc(hs.v-20,100);
                pr.s=yx.s=rc(hs.s-70,100);
                yx.v=rc(hs.v+20,100);
                pr.v=hs.v
        }
        if((hs.h>=60)&&(hs.h<180))
        {
                pr.h=yx.h=y.h=hs.h-40;
                pr.s=y.s=yx.s=hs.s;
                y.v=hs.v;
                if(hs.v>70)
                {
                        yx.v=hs.v-30
                        pr.v = yx.v +15
                }
                else
                {
                        yx.v=hs.v+30
                        pr.v = yx.v -15
                }
        }
        if((hs.h>=180)&&(hs.h<220))
        {
                pr.h=yx.h=hs.h-170;
                y.h=hs.h-160;
                pr.s=yx.s=y.s=hs.s;
                y.v=hs.v;
                if(hs.v>70)
                {
                        yx.v=hs.v-30
                        pr.v = yx.v +15
                }
                else
                {
                        yx.v=hs.v+30
                        pr.v = yx.v -15
                }
        }
        if((hs.h>=220)&&(hs.h<300))
        {
                pr.h=yx.h=y.h=hs.h;
                pr.s=yx.s=y.s=rc(hs.s-60,100);
                y.v=hs.v;
                if(hs.v>70)
                {
                        yx.v=hs.v-30
                        pr.v = yx.v +15
                }
                else
                {
                        yx.v=hs.v+30
                        pr.v = yx.v -15
                }
        }
        if(hs.h>=300)
        {
                if(hs.s>50)
                {
                        pr.s=y.s=yx.s=hs.s-40
                }
                else
                {
                        pr.s=y.s=yx.s=hs.s+40
                }
                pr.h=yx.h=y.h=(hs.h+20)%360;
                y.v=hs.v;
                if(hs.v>70)
                {
                        yx.v=hs.v-30
                        pr.v = yx.v +15
                }
                else
                {
                        yx.v=hs.v+30
                        pr.v = yx.v -15
                }
        }
        z=h2r(y);
        ud("3",z);
        z=h2r(yx);
        ud("5",z);
        y.h=0;
        y.s=0;
        y.v=100-hs.v;
        z=h2r(y);
        ud("6",z);
        y.h=0;
        y.s=0;
        y.v=hs.v;
        z=h2r(y);
        ud("7",z);
        z=h2r(pr);
        ud("4",z);
        if(hs.v >= 50) { pr.v = 0 } else { pr.v = 100 } 
        pr.h=pr.s=0;
        z=h2r(pr);
        ud("8",z);
        sample_go();
}
1	dpavlin	1	var hs=new Object();
2			var rg=new Object();
3
4			function sample_go()
5			{
6			document.getElementById('sample').style.backgroundColor = document.getElementById('col7').value;
7			document.getElementById('sampleh1').style.backgroundColor = document.getElementById('col0').value;
8			document.getElementById('sampleh1').style.color = document.getElementById('col2').value;
9			document.getElementById('sampleh1').style.borderColor = document.getElementById('col6').value;
10			document.getElementById('sampleh2').style.backgroundColor = document.getElementById('col3').value;
11			document.getElementById('sampleh2').style.color = document.getElementById('col5').value;
12			document.getElementById('sampleh2').style.borderColor = document.getElementById('col6').value;
13			document.getElementById('samplep').style.backgroundColor = document.getElementById('col7').value;
14			document.getElementById('samplep').style.color = document.getElementById('col8').value;
15			document.getElementById('samplep').style.borderColor = document.getElementById('col6').value;
16			document.getElementById('samplelink').style.color = document.getElementById('col1').value;
17			document.getElementById('samplehover').style.color = document.getElementById('col4').value;
18
19			}
20			function htmlgo()
21			{
22			k=document.getElementById('html').value;
23			j = k.replace('#','');
24			red = j.substr(0,2);
25			gre = j.substr(2,2);
26			blu = j.substr(4,2);
27			r.setValue(parseInt(red,16));
28			g.setValue(parseInt(gre,16));
29			b.setValue(parseInt(blu,16));
30
31			}
32
33			function c2r(d)
34			{
35			k=document.getElementById(d).style.backgroundColor;
36			j=(k.substr(4,k.indexOf(")")-4)).split(",");
37			r.setValue(j[0]);
38			g.setValue(j[1]);
39			b.setValue(j[2]);
40			}
41			function load_theme()
42			{
43			sel = document.getElementById("coltheme");
44			var d = sel.options[sel.selectedIndex].value;
45			j=d.split(",");
46			r.setValue(j[0]);
47			g.setValue(j[1]);
48			b.setValue(j[2]);
49			}
50
51			function ud(x,c)
52			{
53			document.getElementById("sw"+x).style.backgroundColor="rgb("+c.r+","+c.g+","+c.b+")";
54			document.getElementById("hc"+x).innerHTML="#"+rg2html(c) + "<br />R: "+c.r+"<br />G: "+c.g+"<br />B: "+c.b;
55			document.getElementById("col"+x).value="#"+rg2html(c)
56			if(x == 0)
57			{
58			document.getElementById("bookmark").value="http://color.twysted.net/?color="+rg2html(c);
59			}
60			}
61			function rg2html(z)
62			{
63			return d2h(z.r)+d2h(z.g)+d2h(z.b);
64			}
65			function d2h(d)
66			{
67			hch="0123456789ABCDEF";
68			a=d%16;
69			q=(d-a)/16;
70			return hch.charAt(q)+hch.charAt(a);
71			}
72			function h2r(hs)
73			{
74			var rg=new Object();
75			if(hs.s==0)
76			{
77			rg.r=rg.g=rg.b=Math.round(hs.v*2.55);
78			return rg;
79			}
80			hs.s=hs.s/100;
81			hs.v=hs.v/100;
82			hs.h/=60;
83			i=Math.floor(hs.h);
84			f=hs.h-i;
85			p=hs.v*(1-hs.s);
86			q=hs.v(1-hs.sf);
87			t=hs.v(1-hs.s(1-f));
88			switch(i)
89			{
90			case 0:rg.r=hs.v;
91			rg.g=t;
92			rg.b=p;
93			break;
94			case 1:rg.r=q;
95			rg.g=hs.v;
96			rg.b=p;
97			break;
98			case 2:rg.r=p;
99			rg.g=hs.v;
100			rg.b=t;
101			break;
102			case 3:rg.r=p;
103			rg.g=q;
104			rg.b=hs.v;
105			break;
106			case 4:rg.r=t;
107			rg.g=p;
108			rg.b=hs.v;
109			break;
110			default:rg.r=hs.v;
111			rg.g=p;
112			rg.b=q;
113			}
114			rg.r=Math.round(rg.r*255);
115			rg.g=Math.round(rg.g*255);
116			rg.b=Math.round(rg.b*255);
117			return rg;
118			}
119			function rc(x,m)
120			{
121			if(x>m)
122			{
123			return m
124			}
125			if(x<0)
126			{
127			return 0
128			}
129			else
130			{
131			return x
132			}
133			}
134			function rg2hs(rg)
135			{
136			m=rg.r;
137			if(rg.g<m)
138			{
139			m=rg.g
140			};
141			if(rg.b<m)
142			{
143			m=rg.b
144			};
145			v=rg.r;
146			if(rg.g>v)
147			{
148			v=rg.g
149			};
150			if(rg.b>v)
151			{
152			v=rg.b
153			};
154			value=100*v/255;
155			delta=v-m;
156			if(v==0.0)
157			{
158			hs.s=0
159			}
160			else
161			{
162			hs.s=100*delta/v
163			};
164			if(hs.s==0)
165			{
166			hs.h=0
167			}
168			else
169			{
170			if(rg.r==v)
171			{
172			hs.h=60.0*(rg.g-rg.b)/delta
173			}
174			else if(rg.g==v)
175			{
176			hs.h=120.0+60.0*(rg.b-rg.r)/delta
177			}
178			else if(rg.b=v)
179			{
180			hs.h=240.0+60.0*(rg.r-rg.g)/delta
181			}
182			if(hs.h<0.0)
183			{
184			hs.h=hs.h+360.0
185			}
186			}
187			hs.v=Math.round(value);
188			hs.h=Math.round(hs.h);
189			hs.s=Math.round(hs.s);
190			return(true);
191			}
192			function dom()
193			{
194			z=new Object();
195			y=new Object();
196			yx=new Object();
197			p=new Object();
198			pr=new Object();
199			p.s=y.s=hs.s;
200			p.h=y.h=hs.h;
201			if(hs.v>70)
202			{
203			y.v=hs.v-30
204			p.v=y.v +15
205			z=h2r(p);
206			ud("1",z);
207
208
209			}
210			else
211			{
212			y.v=hs.v+30
213			p.v=y.v-15
214			z=h2r(p);
215			ud("1",z);
216
217			};
218			z=h2r(y);
219			ud("2",z);
220			if((hs.h>=0)&&(hs.h<30))
221			{
222			pr.h=yx.h=y.h=hs.h+20;
223			pr.s=yx.s=y.s=hs.s;
224			y.v=hs.v;
225			if(hs.v>70)
226			{
227			yx.v=hs.v-30
228			pr.v = yx.v +15
229			}
230			else
231			{
232			yx.v=hs.v+30
233			pr.v = yx.v -15
234			}
235			}
236			if((hs.h>=30)&&(hs.h<60))
237			{
238			pr.h=yx.h=y.h=hs.h+150;
239			y.s=rc(hs.s-30,100);
240			y.v=rc(hs.v-20,100);
241			pr.s=yx.s=rc(hs.s-70,100);
242			yx.v=rc(hs.v+20,100);
243			pr.v=hs.v
244			}
245			if((hs.h>=60)&&(hs.h<180))
246			{
247			pr.h=yx.h=y.h=hs.h-40;
248			pr.s=y.s=yx.s=hs.s;
249			y.v=hs.v;
250			if(hs.v>70)
251			{
252			yx.v=hs.v-30
253			pr.v = yx.v +15
254			}
255			else
256			{
257			yx.v=hs.v+30
258			pr.v = yx.v -15
259			}
260			}
261			if((hs.h>=180)&&(hs.h<220))
262			{
263			pr.h=yx.h=hs.h-170;
264			y.h=hs.h-160;
265			pr.s=yx.s=y.s=hs.s;
266			y.v=hs.v;
267			if(hs.v>70)
268			{
269			yx.v=hs.v-30
270			pr.v = yx.v +15
271			}
272			else
273			{
274			yx.v=hs.v+30
275			pr.v = yx.v -15
276			}
277			}
278			if((hs.h>=220)&&(hs.h<300))
279			{
280			pr.h=yx.h=y.h=hs.h;
281			pr.s=yx.s=y.s=rc(hs.s-60,100);
282			y.v=hs.v;
283			if(hs.v>70)
284			{
285			yx.v=hs.v-30
286			pr.v = yx.v +15
287			}
288			else
289			{
290			yx.v=hs.v+30
291			pr.v = yx.v -15
292			}
293			}
294			if(hs.h>=300)
295			{
296			if(hs.s>50)
297			{
298			pr.s=y.s=yx.s=hs.s-40
299			}
300			else
301			{
302			pr.s=y.s=yx.s=hs.s+40
303			}
304			pr.h=yx.h=y.h=(hs.h+20)%360;
305			y.v=hs.v;
306			if(hs.v>70)
307			{
308			yx.v=hs.v-30
309			pr.v = yx.v +15
310			}
311			else
312			{
313			yx.v=hs.v+30
314			pr.v = yx.v -15
315			}
316			}
317			z=h2r(y);
318			ud("3",z);
319			z=h2r(yx);
320			ud("5",z);
321			y.h=0;
322			y.s=0;
323			y.v=100-hs.v;
324			z=h2r(y);
325			ud("6",z);
326			y.h=0;
327			y.s=0;
328			y.v=hs.v;
329			z=h2r(y);
330			ud("7",z);
331			z=h2r(pr);
332			ud("4",z);
333			if(hs.v >= 50) { pr.v = 0 } else { pr.v = 100 }
334			pr.h=pr.s=0;
335			z=h2r(pr);
336			ud("8",z);
337			sample_go();
338			}