js根据给定颜色生成更亮/暗/颜色

实现思路：
将形如 #123456 两两分出来转成10机制对应rgb格式根据传入数值调整后再转换回16进制

/*** @description: 调整颜色更亮更暗* @param {string} color 六位十六禁止颜色* @param {number} range 正负数决定颜色更改* @return {string} new color*/
function adjustColor(color, range) {let newColor = '#';for (let i = 0; i < 3; i++) {const hxStr = color.substr(i * 2 + 1, 2);let val = parseInt(hxStr, 16);val += range;if (val < 0) val = 0;else if (val > 255) val = 255;newColor += val.toString(16).padStart(2, '0')}return newColor;
}

console.log(light("#049204", 2));
console.log(light("#049204", 4));
console.log(light("#049204", 6));
console.log(light("#049204", 8));
console.log(light("#049204", 18));
console.log(light("#049204", 28));
console.log(light("#049204", 38));
console.log(light("#049204", 48));
console.log(light("#049204", 58));
console.log(light("#049204", 68));

从白到黑

for (let index = 1; index <= 255; index++) {console.log(adjustColor('#000000', index))
}

js根据给定颜色生成更亮/暗/颜色相关推荐

6 个用于颜色生成的 JavaScript 工具
没有颜色的世界会怎样?黑白配一点点灰色,也许吧.相当平淡. 颜色会刺激大脑--它们会影响你的思维方式和做出的决定.一种颜色或一组颜色可以构成身份的一部分.想想与 Google 相关的红色.黄色.绿色和 ...
Babylon.js 入门 - 第 7 章 - 点亮夜晚
Babylon.js 入门 - 第 7 章 - 点亮夜晚点亮村庄村子永远是明亮的会使睡眠变得非常困难,因此我们将通过调暗光线来展示夜间时间.当然人们不想晚上在完全黑暗中行走,所以我们会添加一些路灯 ...
对抗网络之PG-GAN，无条件下生成更真实的人脸图像
对抗网络之PG-GAN,无条件下生成更真实的人脸图像 1. 介绍 GAN在2015年DCGAN[1]论文提出之后,开始迅速的被关注和被应用到各个领域.比较有影响力的应用,比如Image transla ...
从知识图谱到文本：结合局部和全局图信息生成更高质量的文本
论文标题: Modeling Global and Local Node Contexts for Text Generation from Knowledge Graphs 论文作者: Leonar ...
远程查看室内亮暗情况
远程查看室内亮暗情况前期准备: 物联网平台: 软件准备: 硬件准备: 介绍: 模块介绍技术规格注意事项项目实战: 硬件图程序 Mind+ 当传感器检测到光线是亮时物联网平台接收到的数据: 情 ...
python 灰度直方图_python3+opencv 使用灰度直方图来判断图片的亮暗操作
1.如何让计算机自动判断一张图是否偏暗?或是判断一张图是否是处于夜晚?我们可以先把图片转换为灰度图,然后根据灰度值的分布来判断,如: 我们可以从上图看到,晚上的图片的灰度值是集中在前段的,如0~30多 ...
php文字红色代码,IOS_IOS中一段文字设置多种字体颜色代码，给定range和需要设置的颜色， - phpStudy...
IOS中一段文字设置多种字体颜色代码给定range和需要设置的颜色,就可以给一段文字设置多种不同的字体颜色,使用方法如下: [self fuwenbenLabel:contentLabel Font ...
黑马5月就业数据丨人均过万！女生薪资更亮眼！
正值毕业季,去年的应届生拥有"毕业后月薪过万""10年内年入百万"的自信,今年的应届生却开始主动降低就业期待. 据智联招聘<2022大学生就业力调研报告& ...
js将HTML导出生成word文档
在项目开发中中,遇到将HTML导出生成word文档,刚开始在网上找了很多资料,基本都是jQuery中的插件jquery.wordexport.js,刚开始是不想用这个的,这个要引用另一个插件FileS ...
IT职场老油条亲传：教你如何在公司汇报工作时表现更亮眼
很多刚加入工作的小伙伴在公司汇报工作的时候很迷茫,明明自己完成了一堆工作,可是汇报的时候偏偏紧张,准备好的台词全部忘掉,说不出个所以然,领导的眉头只会越皱越深.其实会议汇报工作也是一门技术活,在请教了 ...

js根据给定颜色生成更亮/暗/颜色

js根据给定颜色生成更亮/暗/颜色相关推荐

最新文章

热门文章