鸿蒙中hex色值转换为rgb类型

最新推荐文章于 2025-12-21 15:46:00 发布

原创最新推荐文章于 2025-12-21 15:46:00 发布 · 294 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #vue.js #鸿蒙 #harmonyos

// 假设输入色值：6位字符串（如"4F0F48"）
const hexColor: string = "4F0F48"; 

// 1. 验证格式（此处省略正则验证，实际需添加）
// 2. 提取通道并转换
const r: number = parseInt(hexColor.substring(0, 2), 16); // "4F" → 79
const g: number = parseInt(hexColor.substring(2, 4), 16); // "0F" → 15
const b: number = parseInt(hexColor.substring(4, 6), 16); // "48" → 72

console.log(`RGB: (${r}, ${g}, ${b})`); // 输出: RGB: (79, 15, 72)