🌺前言
js操作颜色转换
javascript
/**
* @description hex颜色转rgb颜色
* @param {String} str 颜色值字符串
* @returns {String} 返回处理后的颜色值
*/
export function hexToRgb(str: any) {
let hexs: any = ''
const reg = /^#?[0-9A-Fa-f]{6}$/
if (!reg.test(str)) {
return ElMessage.warning('输入错误的hex')
}
str = str.replace('#', '')
hexs = str.match(/../g)
for (let i = 0; i < 3; i++) {
hexs[i] = parseInt(hexs[i], 16)
}
return hexs
}
javascript
/**
* @description rgb颜色转Hex颜色
* @param {*} r 代表红色
* @param {*} g 代表绿色
* @param {*} b 代表蓝色
* @returns {String} 返回处理后的颜色值
*/
export function rgbToHex(r: any, g: any, b: any) {
const reg = /^\d{1,3}$/
if (!reg.test(r) || !reg.test(g) || !reg.test(b)) {
return ElMessage.warning('输入错误的rgb颜色值')
}
const hexs = [r.toString(16), g.toString(16), b.toString(16)]
for (let i = 0; i < 3; i++) {
if (hexs[i].length === 1) {
hexs[i] = `0${hexs[i]}`
}
}
return `#${hexs.join('')}`
}
文章最后更新于 2024-08-20 17:06:17
作者:徐徐版权声明:转载请注明文章出处