为页面上的所有web部件分配颜色的JavaScript

// 获取页面上所有的web部件元素
const webParts = document.querySelectorAll('.web-part');

// 定义一个函数来生成随机颜色
function getRandomColor() {
    const letters = '0123456789ABCDEF';
    let color = '#';
    for (let i = 0; i < 6; i++) {
        color += letters[Math.floor(Math.random() * 16)];
    }
    return color;
}

// 遍历所有的web部件并为它们分配随机颜色
webParts.forEach(webPart => {
    webPart.style.backgroundColor = getRandomColor();
});

function getHarmoniousColor(baseColor) {
    // 将十六进制颜色转换为RGB
    const rgb = parseInt(baseColor.slice(1), 16);
    const r = (rgb >> 16) & 255;
    const g = (rgb >> 8) & 255;
    const b = rgb & 255;

    // 创建一个和谐的颜色，例如通过调整亮度
    const newColor = `#${((1 << 24) + (r << 16) + (g << 8) + b + 33554432) | 0}.toString(16)}`;

    return newColor;
}

// 使用基础颜色生成和谐的颜色
const baseColor = '#3498db';
webParts.forEach(webPart => {
    webPart.style.backgroundColor = getHarmoniousColor(baseColor);
});