JS调用颜色板并返回RGB色值

最新推荐文章于 2026-08-21 13:06:55 发布
转载 最新推荐文章于 2026-08-21 13:06:55 发布 · 707 阅读 · 0 ·
本内容遵循CC 4.0 BY-SA版权协议
原文链接：http://www.cnblogs.com/51busy/archive/2013/04/04/2999984.html
本文介绍了一种使用JavaScript实现的颜色选择器功能，通过调用对话框帮助用户选择颜色，并实时更新显示所选颜色的十六进制代码。

效果：

<html>
<head>
    <title>JS调用调色板</title>
</head>
<body>
<script type="text/javascript">
    function returnColor(va) {
        var tempColor = va;
        var Hcolor = dlgHelper.ChooseColorDlg(tempColor).toString(16);
        with (event.srcElement) {
            value = ((Hcolor.length < 6) ? "000000".substring(0, 6 - Hcolor.length) : "") + Hcolor;
        }
    }
</script>
<object id="dlgHelper" classid="clsid:3050f819-98b5-11cf-bb82-00aa00bdce0b" width="0px" height="0px"></object>
<input type="text" value="" size="12" readonly="readonly"/>
</body>
</html>

转载于:https://www.cnblogs.com/51busy/archive/2013/04/04/2999984.html

标签
#javascript #ViewUI
ajv4071
关注
js颜色板，轻松选择颜色
11-04
工作当中用到了，在前人基础上做了一点修改，不要忘记引入jquery
网页取色器 JS取色器 源代码 十六位颜色代码转化成RGB颜色
11-15
网页取色器 JS取色器 源代码 十六位颜色代码转化成RGB颜色
从零开始实现一个颜色选择器（原生JavaScript实现）
嘿嘿
10-14 1595
项目目录与文件创建 首先，我们无需搭建项目的环境，我们还是直接用最简单的方式，也就是引入的方式来创建这个项目，这样也就方便了我们一边编写一边测试。创建一个空目录，命名为ColorPicker,创建一个js文件，即color-picker.js,然后创建一个index.html文件以及创建一个样式文件color-picker.css。现在你应该可以看到你的项目目录是如下所示: ColorPicker │index.html │color-picker.js │color-picker.css...
js写的颜色选择器控件，功能强大，有现成demo直接调用。
10-13
一款强大的js写的颜色选择器控件，有现成的演示demo，一个函数，2行代码。
XSS攻击深度剖析：从原理到靶场实战与企业级防御
weixin_34174105的博客
06-27 1687
跨站脚本攻击（XSS）是Web安全领域的核心威胁之一，其本质在于攻击者能够将恶意脚本注入到网页中，当其他用户浏览时，脚本会在其浏览器中执行。XSS攻击主要分为反射型、存储型和基于DOM的XSS三种类型，每种类型都有其独特的攻击场景和利用方式。理解XSS的原理对于构建有效的防御体系至关重要。在技术价值上，XSS攻击可以导致会话劫持、身份冒充、数据窃取等严重后果，因此防御XSS是保障Web应用安全的基础。在实际应用场景中，XSS攻击常出现在用户输入点，如搜索框、评论系统、个人资料等，攻击者通过构造恶意Paylo
（JavaScript）调色板
u010454986的博客
09-02 618
网页标题 .colorPan{ width:200px;height:200px;background:rgb(0,0,0); } .red,.green,.blue{ width:300px; height:15px; border:#efefef 1px solid; position:relative; } .redScroll{ width:10px;
Html 颜色选择器,支持返回RGB值与Html颜色值
的
10-16 1249
Office 风格颜色选择器 选择颜色： 付上Html颜色值 to RGB //Html颜色值转换为RGB function HhtmlColorToRGB(color) { var str="0x" + color.substring(1,color.length); var r=str&0x0000FF; var g=(str&0x00FF00)>>8; var b=(str&0xFF0000)>>16; return b + "
JS 调色板
weixin_34306593的博客
08-08 321
本人的学习模式可能和别人不一样。我比较喜欢自己先用自己的想法去做。然后遇到问题再去解决。最后比较一下自己的想法和别人的想法。这是我认为比较适合我自己的一个学习方式。上班无聊之余看到别人的网站或者是博客里面有人提到用js做个调色板，兴趣来了，直接动手自己去做一个。这个是效果图做这个效果图最大的困扰就是 颜色怎么来。怎么去渐变。横向渐变和纵向渐变颜色表示方式有很多种有 16进制的...
JavaScript 5 ，JavaScript生成rgb随机色（JavaScript函数生成rgb随即色）
前端架构师（AI + GIS + Web3D）& 数字芯片系统架构师（FPGA），NorthCity Smile的博客（NcSmile，博主域名：https://ncmile.blog.csdn.net）
11-16 3111
⭐// Math.random是生成0-1之间的随机数 *256 的范围就变成0.xx-255.7// Math.floor 向下取整就变成 0-255// 拼接返回},
【前端】使用javascript开发一个在线RGB颜色转换
小5聊的博客
01-10 3410
目前已经有很多网页版在线小工具，之前很多窗体化的工具也逐渐网页化，比如：PS画图软件，也都能直接网页化进行设计， 网页真的是无所不能了。 由于自己实际项目经常会用到颜色转换，所以直接自己开发个简单版的在线颜色转换小工具。
palette.js颜色科学揭秘：RGB、线性RGB与HSV转换原理及环状彩虹色生成机制
最新发布
gitblog_00964的博客
08-21 982
palette.js 是 Google 开源的一款**颜色调色板生成库**，专为图表、图形与地图提供科学配色。本文带你快速读懂 palette.js 背后的颜色科学：RGB 颜色如何编码、线性 RGB 为何要做 gamma 校正、HSV 转换的"六段法"原理，以及环状彩虹色生成机制如何做到首尾颜色不重复 🎨。 ## 🎨 快速认识：palette.js 能做什么 对 palette.js 来
页面字体颜色的设置及常用颜色的RGB值
weixin_33709590的博客
11-11 4227
我们在通过页面向用户展示文字信息的时候，为了提高观赏性和表达某种意愿，常常将不同的文字设置成不同的颜色。这里，我先说说我常用的比较简单的设置页面字体颜色的方法，然后把常用颜色的RGB值和中文名字罗列出来，以方便以后使用。 1.我常用样式表和JavaScript来设置。例如： ... ...<tdalign="left...
给定两个端点色值，根据数值大小用js设置色值
丁哒哒的博客
08-06 2027
前言： 最近项目中遇到这样一个场景，就是画的散点图根据数值大小，颜色不同，当然这个用echarts中的visualMap视觉映射组件就能实现了，效果如图所示，只需要设置两个端点色值，很方便也很简单。但是如果想获取图中所有的散点的色值呢？我仔细看了echarts的API，只看到点击某点时能拿到一个对象，对象中有color属性，但是这也只是点击一次获取一个色值呀，后来我又想到一个办法（虽然不太优雅......），就是直接根据值的大小去获取颜色。 代码： function rgbToHex(r..
JS实现的RGB网页颜色在线取色器完整实例
10-20
主要介绍了JS实现的RGB网页颜色在线取色器,结合完整实例形式分析了基于JS运算及鼠标事件响应来操作页面元素实现取色器功能的方法,具有一定参考借鉴价值,需要的朋友可以参考下
JS实现的系统调色板完整实例
10-20
主要介绍了JS实现的系统调色板,结合完整实例形式分析了js实现调色板效果的具体步骤与实现技巧,涉及js数值计算与页面元素操作的方法,需要的朋友可以参考下
通过rgb值判断颜色深浅
热门推荐
qq_36843675的博客
03-05 1万+
通过把 RGB 模式转换成 YUV 模式，而 Y 是明亮度（灰阶），因此只需要获得 Y 的值而判断他是否足够亮就可以了： if(r*0.299 + g*0.578 + b*0.114 &gt;= 192){ //浅色 ... }else{ //深色 ... } 这个效果就是类似去 Photoshop 的去色功能，黑白电视机应该也是用这种算法转换的。 这样，我们就可以通过RG...
JS 实现元素颜色跟随滚动条变化
千祁的博客
09-02 2991
JS 实现元素颜色跟随滚动条变化灰色深浅变化。 滚动部分，计算出网页可以滚动的范围，同时监听滚动事件，然后使用计算颜色的变化，给目标加上相应的CSS样式即可。
js中RGB与十六进制颜色转换
风起未来
06-22 5673
一、关于颜色的表示 颜色的表示方式不知一种，从photoshop的取色面板就可以看出，如下： 上图共显示了5种颜色的表示方法：HSB,lab,RGB,CMYK与十六进制表示法 在CSS中，我们也经常与颜色打交道，其中有color(文字颜色)，还有一个就是background-color背景颜色，还有就是border-color。一般，我们习惯用十六进制表示颜色，//zxx:A
[颜色进制转换]js实现rgb和hex的相互转换
SCUhzs
12-14 6573
将rgb颜色转成hex // 将rgb颜色转成hex 输入(24,12,255) function colorRGB2Hex(r,g,b) { let hex = "#" + ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1); return hex; } rgb色转成hex : colorRGB2Hex(255,255,255); 返回hex值 如#cccccc 将.
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值