<div id="app">
<p>十六进制颜色: #fff</p>
<p>转换为RGB: {{ hexToRgb('#fff') }}</p>
</div>
methods: {
hexToRgb(hex) {
// 移除十六进制颜色中的'#'
let sanitizedHex = hex.replace('#', '');
// 解析红、绿、蓝值
let r = parseInt(sanitizedHex.substring(0, 2), 16);
let g = parseInt(sanitizedHex.substring(2, 4), 16);
let b = parseInt(sanitizedHex.substring(4, 6), 16);
return `rgb(${r}, ${g}, ${b})`;
}
}
vue将十六进制颜色值转换为RGB格式
最新推荐文章于 2024-08-10 22:56:59 发布