Maison > interface Web > js tutoriel > 颜色选择: ColorMatch 5K_JavaScript

颜色选择: ColorMatch 5K_JavaScript

WBOY
Libérer: 2016-05-16 19:22:54
original
1412 Les gens l'ont consulté
');}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需刷新才能执行]
Étiquettes associées:
5k
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal