点击下载
本文文档

当前位置：首页 - 科技 - 知识百科 - 正文

颜色选择:ColorMatch5K_JavaScript

来源：懂视网责编：小采时间：2020-11-27 20:34:06

颜色选择:ColorMatch5K_JavaScript

颜色选择:ColorMatch5K_JavaScript: body {background-color:#E6E6E6; font:10px tahoma; margin:30px; margin-top:20px; color:#323232; } p {margin:0px; margin-bottom:4px; font:11px tahoma; line-height: 12px; } td {vertical-align:top;} h1 {font-size:12px; font-weight:bol

推荐度：

点击下载本文 文档为doc格式

导读颜色选择:ColorMatch5K_JavaScript: body {background-color:#E6E6E6; font:10px tahoma; margin:30px; margin-top:20px; color:#323232; } p {margin:0px; margin-bottom:4px; font:11px tahoma; line-height: 12px; } td {vertical-align:top;} h1 {font-size:12px; font-weight:bol

<html> 
<head> 
<title></title> 
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> 
<meta name="generator" content="WebWerx 2.5"> 
<meta name="keywords" content="colormatch,5k,color picker,color schemes,match,matching,colors,colours,palette,web design,free,freeware,online"> 
<meta name="description" content="Online tool for picking matching color schemes. Made in less than 5.120 bytes of code."> 
<style> 
body {background-color:#E6E6E6; 
 font:10px tahoma; 
 margin:30px; 
 margin-top:20px; 
 color:#323232; 
 } 
p {margin:0px; 
 margin-bottom:4px; 
 font:11px tahoma; 
 line-height: 12px; 
 } 
td {vertical-align:top;} 
h1 {font-size:12px; 
 font-weight:bold 
 margin:0px; 
 margin-bottom:8px; 
 } 
</style> 
</head> 
<body>

<style>.s{border:inset 1;width:50}.s2{border:outset 1;width:19;height:19;background-color:#E6E6E6;position:absolute;left:1;top:1}.t{font:11px tahoma;color:#555555}.t2{font:bold 36px verdana}</style></head><script language="JavaScript">var mover=moveg=moveb=moveh=0;var hs=new Object();var rg=new Object();rg.r=rg.g=rg.b=0;function click(x,s){if(x<10){x=10};if(x>265){x=265}x-=10;eval("h"+s+".style").left=x+1;eval("rg."+s+"="+x);rg2hs(rg);ud("0",rg);sw.style.backgroundColor="rgb("+rg.r+","+rg.g+","+rg.b+")";dom();}function bclick(s){x=window.event.offsetX+eval("h"+s+".style.pixelLeft-1");click(x,s);}function sc(s){x=window.event.offsetX;click(x,s);}function movee(s){eval("move"+s+"=0")}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 rg2html(z){return "#"+d2h(z.r)+d2h(z.g)+d2h(z.b);}function d2h(d){hch="0123456789ABCDEF";a=d%16;b=(d-a)/16;return hch.charAt(b)+hch.charAt(a);}function c2r(d){k=window.event.srcElement.style.backgroundColor;j=(k.substr(4,k.indexOf(")")-4)).split(",");click(parseInt(j[0])+10,"r");click(parseInt(j[1])+10,"g");click(parseInt(j[2])+10,"b");}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 ps(x){document.write('<td></td>');}function ph(x){document.write('<td>#000000</td>');}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.h<30)){yx.h=y.h=hs.h+20;yx.s=y.s=hs.s;y.v=hs.v;if(hs.v>70){yx.v=hs.v-30}else{yx.v=hs.v+30}}if((hs.h>=30)&&(hs.h<60)){yx.h=y.h=hs.h+150;y.s=rc(hs.s-30,100);y.v=rc(hs.v-20,100);yx.s=rc(hs.s-70,100);yx.v=rc(hs.v+20,100);}if((hs.h>=60)&&(hs.h<180)){yx.h=y.h=hs.h-40;y.s=yx.s=hs.s;y.v=hs.v;if(hs.v>70){yx.v=hs.v-30}else{yx.v=hs.v+30}}if((hs.h>=180)&&(hs.h<220)){yx.h=hs.h-170;y.h=hs.h-160;yx.s=y.s=hs.s;y.v=hs.v;if(hs.v>70){yx.v=hs.v-30}else{yx.v=hs.v+30}}if((hs.h>=220)&&(hs.h<300)){yx.h=y.h=hs.h;yx.s=y.s=rc(hs.s-60,100);y.v=hs.v;if(hs.v>70){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);}</ script><body onMouseUp="mover=moveg=moveb=0;" bgcolor=#E6E6E6 leftmargin=30 topmargin=30 class=t>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.

<b>
I like this color:

6-color matching palette:<script>pl(170,"red","r");pl(200,"green","g");pl(230,"blue","b")</ script><table cellspacing=10 cellpadding=0><tr><script>ps(0);ps(1);ps(2);ps(3);ps(4);ps(5);</ script></tr><tr><script>ph(0);ph(1);ph(2);ph(3);ph(4);ph(5);</ script></tr></table>

<h2>About this page</h2> 
<p>The color selector on this site was submitted as an entry for the Danish 5KB (5.120 bytes) web competition in 2001.</p><script type="text/javascript" src="https://jss.51dongshi.com/pcwz/wenzhong.js"></script> 
<p>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.</p> 
<p>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!</p> 
<p>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</p> 
 
</body> 
</html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

声明：本网页内容旨在传播知识，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

本文如未解决您的问题请添加抖音号：51dongshi（抖音搜索懂视），直接咨询即可。

颜色选择:ColorMatch5K_JavaScript

颜色选择:ColorMatch5K_JavaScript: body {background-color:#E6E6E6; font:10px tahoma; margin:30px; margin-top:20px; color:#323232; } p {margin:0px; margin-bottom:4px; font:11px tahoma; line-height: 12px; } td {vertical-align:top;} h1 {font-size:12px; font-weight:bol

推荐度：

点击下载本文 文档为doc格式

标签：颜色 js javascript

热门焦点

员工被要求连续工作37天，无加班费？官方：已展开调查
标签：员工连续工作 37天时间：2024-10-16 10:39:07
奶奶花88元参团1日游100元买保温杯途中还抓到两只鸡
标签：1日游时间：2024-10-16 10:18:49

三伏天黑龙江穿上羽绒服了：早上气温仅有13℃
标签：黑龙江三伏天穿上羽绒服时间：2024-07-27 11:16:58
偷偷降级的火锅盯上打工人外卖你点过火锅外卖吗？
标签：外卖火锅时间：2024-07-23 10:45:14

女子花11000从成都打车到北京全程超2300公里，耗时近40小时
标签：北京成都女子时间：2024-07-13 11:23:20
10元吃上三个菜！社区食堂推出“剩菜盲盒” 你会吃吗？
标签：社区食堂剩菜盲盒时间：2024-07-11 11:35:20

吉祥航空一航班延误未开空调致乘客中暑？
标签：航班延误吉祥航空未开空调时间：2024-07-05 10:29:00
正式通车的深中通道太火爆！桥上有一道可抗17级强台风“玻璃墙”
标签：深中通道通车时间：2024-07-01 11:16:29

最新推荐

江西庐山牯岭变身雾凇“童话世界” 雪树银花不夜天
2025-03-06 09:28:11
19岁女孩1天2瓶饮料胖到230斤缓解压力的方式就是吃
2025-03-06 10:06:58
济南“一夜无眠”，最新雪后现场来了！下了387个“大明湖”，今天还下吗？
2025-03-03 15:38:41
吃起来不咸的食物含盐量低？专家：不可一概而论
2024-12-31 10:31:23
冰雪大世界糖葫芦售卖点位起拍价100万元？拍卖公司称系9个点位打包价
2024-11-25 10:00:46
11岁男孩爬上火车头遭电击，至今没有脱离生命危险
2024-11-15 09:55:19

热门图文

猜你喜欢

热门推荐

产品服务发展历程企业资讯企业文化关于我们加入我们联系我们网站导航网站律师

中国扫黄打非网

Copyright © 2019-2025 51dongshi.com 版权所有

赣ICP备2023002352号-2

违法及侵权请联系：TEL:177 7030 7066 E-MAIL:11247931@qq.com 本站由北京市万商天勤律师事务所王兴未律师提供法律服务

Top

抖音扫码关注

手机端二维码

每天分享百科知识！