html在线取色,JS实现的RGB网页颜色在线取色器完整实例

本文实例讲述了JS实现的RGB网页颜色在线取色器。分享给大家供大家参考，具体如下：

运行效果图如下：

完整实例代码如下：

RGB网页颜色在线取色器

颜色选择器

颜色：

function wc(r, g, b, n)

{

r = ((r * 16 + r) * 3 * (15 - n) + 0x80 * n) / 15;

g = ((g * 16 + g) * 3 * (15 - n) + 0x80 * n) / 15;

b = ((b * 16 + b) * 3 * (15 - n) + 0x80 * n) / 15;

document.write('

}

var cnum = new Array(1, 0, 0, 1, 1, 0, 0, 1, 0, 0, 1, 1, 0, 0, 1, 1, 0, 1, 1, 0, 0);

for(i = 0; i < 16; i ++)

{

document.write('

for(j = 0; j < 30; j ++)

{

n1 = j % 5;

n2 = Math.floor(j / 5) * 3;

n3 = n2 + 3;

wc((cnum[n3] * n1 + cnum[n2] * (5 - n1)),

(cnum[n3 + 1] * n1 + cnum[n2 + 1] * (5 - n1)),

(cnum[n3 + 2] * n1 + cnum[n2 + 2] * (5 - n1)), i);

}

document.writeln('

');

}

亮度：

for(i = 255; i >= 0; i -= 8.5) {

document.write('

');

}

选中颜色：

代码：

基色 : #000000
亮度 : 120

EndColor();

PS：这里再为大家推荐几款本站的相关在线工具：

希望本文所述对大家JavaScript程序设计有所帮助。

html在线取色,JS实现的RGB网页颜色在线取色器完整实例相关推荐

js模拟表单html形式,JS模拟并美化的表单控件完整实例
本文实例讲述了JS模拟并美化的表单控件效果实例.分享给大家供大家参考.具体如下: 这里演示使用JS美化并模拟网页表单控件,十分漂亮的表单效果,使用时可以将代码内的JS保存为文件, 方便调用,使用方法: ...
html鼠标跟随特效代码简短,JS实现的简单鼠标跟随DiV层效果完整实例
本文实例讲述了JS实现的简单鼠标跟随DiV层效果.分享给大家供大家参考,具体如下: 这段代码呈现一串跟随鼠标的Div效果,并有拖影特效,随着鼠标快速的晃动,Div层效果会不断的增加,后面的Div会自动 ...
html看图识颜色,谷歌浏览器插件Color Picker 网页颜色拾色器图片颜色识别插件
Cool Color Picker for chrome browser. Extension allows you to quickly pick any color on any website ...
vuejs项目纯js导出word、在线下载富文本内容或者网页另存为word文件
所有前端导入导出方法集合: 前端必备技能知识:JS导出Blob流文件为Excel表格.Vue.js使用Blob的方式实现excel表格的下载(流文件下载)_勤动手多动脑少说多做厚积薄发-CSDN博客_ ...
手机exe转html,Vbs/Js转换exe网页版在线转换器
这是Vbs/Js转换exe网页版在线转换器,是一款Vbs文件转exe文件的小工具. 软件简介 Vbs To Exe是一款Vbs文件转exe文件的小工具.Vbs作为微软软件的常用的可视化BASIC 脚本 ...
拖拽元素自定义html模板,JS实现的自定义网页拖动类
本文实例讲述了JS实现的自定义网页拖动类.分享给大家供大家参考,具体如下: 先来看运行效果截图如下: 在线演示地址如下: 具体代码如下: /p> "http://www.w3.org/ ...
HTML期末大作业—— 游戏网页(5个页面) ~ 全屏游戏美术大赛作品征集网页 HTML+CSS+JS ~ web课程设计网页规划与设计
HTML期末大作业-- 游戏网页(5个页面) ~ 全屏游戏美术大赛作品征集网页 HTML+CSS+JS ~ web课程设计网页规划与设计临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感 ...
HTML5期末大作业：电影网页设计——在线影院6页(代码质量好) 学生DW网页设计作业源码 web课程设计网页规划与设计
HTML5期末大作业:电影网页设计--在线影院6页(代码质量好) 学生DW网页设计作业源码 web课程设计网页规划与设计 HTML+CSS+JavaScript(毕业设计) 常见网页设计作业题材有个 ...
关于美食商城HTML网页设计-----在线美食订餐网站html模板源码30个页面(功能齐全) html+css+javascript网页设计实例企业网站制作...
关于美食商城HTML网页设计-----在线美食订餐网站html模板源码30个页面(功能齐全) html+css+javascript网页设计实例企业网站制作临近期末, 你还在为HTML网页设计结课 ...
百度ai文字转语音并下载php源码,一种基于百度AI的网页版在线语音包转文字的方法与流程...
本发明涉及语音识别技术领域,特别涉及一种基于百度AI的网页版在线语音包转文字的方法. 背景技术: 语音识别技术,也被称为自动语音识别Automatic Speech Recognit1n, (ASR) ...

html在线取色,JS实现的RGB网页颜色在线取色器完整实例

html在线取色,JS实现的RGB网页颜色在线取色器完整实例相关推荐

最新文章

热门文章