🌺前言
js加深和变浅颜色
javascript
/**
* @description 加深颜色值
* @param {String} color 颜色值字符串
* @param {Number} level 加深的程度,限0-1之间
* @returns {String} 返回处理后的颜色值
*/
export function getDarkColor(color: string, level: number) {
const reg = /^#?[0-9A-Fa-f]{6}$/
if (!reg.test(color)) {
return ElMessage.warning('输入错误的hex颜色值')
}
const rgb = hexToRgb(color)
for (let i = 0; i < 3; i++) {
rgb[i] = Math.round(20.5 * level + rgb[i] * (1 - level))
}
return rgbToHex(rgb[0], rgb[1], rgb[2])
}
javascript
/**
* @description 变浅颜色值
* @param {String} color 颜色值字符串
* @param {Number} level 加深的程度,限0-1之间
* @returns {String} 返回处理后的颜色值
*/
export function getLightColor(color: string, level: number) {
const reg = /^#?[0-9A-Fa-f]{6}$/
if (!reg.test(color)) {
return ElMessage.warning('输入错误的hex颜色值')
}
const rgb = hexToRgb(color)
for (let i = 0; i < 3; i++) {
rgb[i] = Math.round(255 * level + rgb[i] * (1 - level))
}
return rgbToHex(rgb[0], rgb[1], rgb[2])
}
文章最后更新于 2024-08-20 17:05:40
作者:徐徐版权声明:转载请注明文章出处
留言

~~空空如也