用javascript获取任意颜色的更亮或更暗颜色值示例代码
前言
本文主要给大家介绍的是关于利用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);
总结
以上就是这篇文章的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流，谢谢大家对小牛知识库的支持。
-
问题内容： 我有以下代码，该代码创建灰度BufferedImage，然后设置每个像素的随机颜色。 在大约25％到30％的像素中会发生奇怪的行为，我在其中设置颜色，然后立即设置颜色，使其与之前设置的值不同。我是否以错误的方式设置颜色？ 问题答案： 这是您的解决方案：禁止getRGB并使用Raster（比getRGB更快，更容易）或更好的DataBuffer（最快，但必须处理编码）： 在您的情况下，g
-
问题内容： 假设我有一个十六进制，例如：5fc9f8 是否存在接受“黑暗程度”（-10到10）并返回反映该水平的十六进制的函数？ 黑暗是指添加黑色/从颜色中删除黑色。 问题答案： import UIKit 游乐场测试
-
问题内容： 我们在该网站上有一个庞大的应用程序，并且我们有一些链接，比如我们网站上的蓝色链接就是蓝色。现在，我想建立其他一些链接，但颜色要浅一些。显然，我可以简单地通过在CSS文件中添加十六进制代码来完成此操作，但是我们的站点允许用户确定其自定义配置文件/站点（例如Twitter）所需的颜色。 所以，我的问题是：我们可以按百分比减少颜色吗？ 假设以下代码是CSS： 要么 有没有一种方法可以减少一定
-
本文向大家介绍Python 转换RGB颜色值的示例代码，包括了Python 转换RGB颜色值的示例代码的使用技巧和注意事项，需要的朋友参考一下 题目：转换RBG颜色值 我们知道在网页中的颜色值设置都是用16进制的RGB来表示的，比如#FFFFFF，表示R：255，G：255，B：255的白色。 现在请设计一个函数可以转换RGB的16进制至10进制，或者转换10进制至16进制输出格式。 例： Pyt
-
问题内容： 这是我正在使用的功能，用于以编程方式使十六进制颜色变亮或变暗特定数量。只需传入一个颜色字符串（）和一个以10为底的整数（）来表示要变亮或变暗的数量。要变暗，请输入负数（即）。 我这样做的原因是因为我找到了所有解决方案，到目前为止，它们似乎使问题变得过于复杂。我觉得只需几行代码就可以完成。如果您发现任何问题或进行任何调整以加快速度，请告诉我。 对于开发使用，这里是一个易于阅读的版本： 最
-
本文向大家介绍jQuery获取随机颜色的实例代码，包括了jQuery获取随机颜色的实例代码的使用技巧和注意事项，需要的朋友参考一下 1.js 2.html .<h3>获取任意颜色</h3> 效果： 下面在看一段代码关于js几种生成随机颜色方法 总结 以上所述是小编给大家介绍的jQuery获取随机颜色的实例代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢