首頁 > web前端 > js教程 > 颜色选择: ColorMatch 5K_JavaScript

颜色选择: ColorMatch 5K_JavaScript

WBOY
發布: 2016-05-16 19:22:54
原創
1403 人瀏覽過
');}function ph(x){document.write('
#000000
');}function ud(x,c){eval("sw"+x).style.backgroundColor="rgb("+c.r+","+c.g+","+c.b+")";eval("hc"+x).innerHTML=rg2html(c)}function pl(t,c,l){document.write('
')}function dom(){z=new Object();y=new Object();yx=new Object();y.s=hs.s;y.h=hs.h;if(hs.v>70){y.v=hs.v-30}else{y.v=hs.v+30};z=h2r(y);ud("1",z);if((hs.h>=0)&&(hs.h70){yx.v=hs.v-30}else{yx.v=hs.v+30}}if((hs.h>=30)&&(hs.h=60)&&(hs.h70){yx.v=hs.v-30}else{yx.v=hs.v+30}}if((hs.h>=180)&&(hs.h70){yx.v=hs.v-30}else{yx.v=hs.v+30}}if((hs.h>=220)&&(hs.h70){yx.v=hs.v-30}else{yx.v=hs.v+30}}if(hs.h>=300){if(hs.s>50){y.s=yx.s=hs.s-40}else{y.s=yx.s=hs.s+40}yx.h=y.h=(hs.h+20)%360;y.v=hs.v;if(hs.v>70){yx.v=hs.v-30}else{yx.v=hs.v+30}}z=h2r(y);ud("2",z);z=h2r(yx);ud("3",z);y.h=0;y.s=0;y.v=100-hs.v;z=h2r(y);ud("4",z);y.h=0;y.s=0;y.v=hs.v;z=h2r(y);ud("5",z);}
ColorMatch 5K This utility will help you select a matching 6-color palette for your website. Define a single color that you like. Matching colors will be calculated. Click a color in the palette to promote it to the primary color. I like this color: 6-color matching palette:
<script>pl(170,"red","r");pl(200,"green","g");pl(230,"blue","b")</script>
<script>ps(0);ps(1);ps(2);ps(3);ps(4);ps(5);</script><script>ph(0);ph(1);ph(2);ph(3);ph(4);ph(5);</script>

About this page

The color selector on this site was submitted as an entry for the Danish 5KB (5.120 bytes) web competition in 2001.

Given the nature of the competition ?allowing only for 5.120 bytes to be used in total! ?I was not able to make it cross-browser compatible at the time. Despite the lack of compatibility beyond IE, the tool won the competition.

A lot of enthusiastic people around the World have not only made it more compatible, but also added even more features. Google will guide you to them!

If you for some reason want to get in touch with me, please use the contact form at my site Port80.biz. ?Best regards, Kim Jensen aka kim^lwx


[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
相關標籤:
5k
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板