前言

本文主要给大家介绍的是关于利用javascript获取任意颜色更亮或更暗颜色值的相关内容,下面话不多说,来一起看看详细的介绍:
预处理CSS,比如Sass和less可以通过设定一个特定值,让任何颜色变得更亮或者更暗。但是在javascript中却没有这种方法。下面这个方法能在javascript中得到一个更亮或者更暗的值,通过一个给定的十六进制颜色值(比如#F06D06,或者没有#)
示例代码
function LightenDarkenColor(col, amt) {
var usePound = false;
if (col[0] == "#") {
col = col.slice(1);
usePound = true;
}
var num = parseInt(col,16);
var r = (num >> 16) + amt;
if (r > 255) r = 255;
else if (r < 0) r = 0;
var b = ((num >> 8) & 0x00FF) + amt;
if (b > 255) b = 255;
else if (b < 0) b = 0;
var g = (num & 0x0000FF) + amt;
if (g > 255) g = 255;
else if (g < 0) g = 0;
return (usePound?"#":"") + (g | (b << 8) | (r << 16)).toString(16);
}
// Lighten
var NewColor = LightenDarkenColor("#F06D06", 20);
// Darken
var NewColor = LightenDarkenColor("#F06D06", -20);
总结
以上就是这篇文章的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流,谢谢大家对的支持。
# javascript
# 获取颜色
# 改变颜色
# 颜色
# js获取随机颜色值的函数
# javascript实现十六进制颜色值(HEX)和RGB格式相互转换
# RGB颜色值转HTML十六进制(HEX)代码的JS函数
# js实现可得到不同颜色值的颜色选择器实例
# 用js实现的十进制的颜色值转换成十六进制的代码
# Javascript实现Web颜色值转换
# JavaScript实现16进制颜色值转RGB的方法
# 的是
# 相关内容
# 能在
# 可以通过
# 给大家
# 这篇文章
# 谢谢大家
# 多说
# 中却
# 定值
# 但是在
# 这种方法
# 有疑问
# js
# class
# pre
# 十六进制
# brush
# color
# span
相关文章:
制作网站的软件下载免费,今日头条开宝箱老是需要下载怎么回事?
宠物网站制作html代码,有没有专门介绍宠物如何养的网站啊?
台州网站建设制作公司,浙江手机无犯罪记录证明怎么开?
高性能网站服务器部署指南:稳定运行与安全配置优化方案
C#如何使用XPathNavigator高效查询XML
如何实现建站之星域名转发设置?
SAX解析器是什么,它与DOM在处理大型XML文件时有何不同?
教育培训网站制作流程,请问edu教育网站的域名怎么申请?
网站制作公司广州有几家,广州尚艺美发学校网站是多少?
如何在云主机上快速搭建网站?
建站之星价格显示格式升级,你的预算足够吗?
c++如何打印函数堆栈信息_c++ backtrace函数与符号名解析【方法】
如何用好域名打造高点击率的自主建站?
如何注册花生壳免费域名并搭建个人网站?
网站建设设计制作营销公司南阳,如何策划设计和建设网站?
如何通过网站建站时间优化SEO与用户体验?
如何配置WinSCP新建站点的密钥验证步骤?
GML (Geography Markup Language)是什么,它如何用XML来表示地理空间信息?
齐河建站公司:营销型网站建设与SEO优化双核驱动策略
建站之星如何通过成品分离优化网站效率?
如何用已有域名快速搭建网站?
nginx修改上传文件大小限制的方法
建站为何优先选择香港服务器?
如何通过商城自助建站源码实现零基础高效建站?
制作公司内部网站有哪些,内网如何建网站?
如何用花生壳三步快速搭建专属网站?
常州自助建站工具推荐:低成本搭建与模板选择技巧
建站之星在线版空间:自助建站+智能模板一键生成方案
如何快速搭建高效WAP手机网站?
学校建站服务器如何选型才能满足性能需求?
常州自助建站:操作简便模板丰富,企业个人快速搭建网站
网站专业制作公司有哪些,做一个公司网站要多少钱?
小说建站VPS选用指南:性能对比、配置优化与建站方案解析
中山网站制作网页,中山新生登记系统登记流程?
网站制作需要会哪些技术,建立一个网站要花费多少?
香港服务器建站指南:免备案优势与SEO优化技巧全解析
建站之星免费模板:自助建站系统与智能响应式一键生成
广德云建站网站建设方案与建站流程优化指南
,购物网站怎么盈利呢?
如何选择适配移动端的WAP自助建站平台?
建站之星展会模版如何一键下载生成?
如何在建站宝盒中设置产品搜索功能?
如何在橙子建站中快速调整背景颜色?
建站主机CVM配置优化、SEO策略与性能提升指南
详解一款开源免费的.NET文档操作组件DocX(.NET组件介绍之一)
开封网站制作公司,网络用语开封是什么意思?
北京网站制作网页,网站升级改版需要多久?
如何通过二级域名建站提升品牌影响力?
如何在Tomcat中配置并部署网站项目?
枣阳网站制作,阳新火车站打的到仙岛湖多少钱?
*请认真填写需求信息,我们会在24小时内与您取得联系。