正如Iłya Bursov所指出的，你可以计算HSL中的亮度分量（L）。计算方法只是0.2126 * r + 0.7152 * g + 0.0722 * b。因为这个值的范围是从0到255，所以你可以定义"浅色"为HSL亮度在该范围上半部分（〉128）的任何颜色，反之亦然。如下所示：

const btn = document.getElementById('btn');
const colorText = document.getElementById('colorText');

btn.addEventListener('click', e => {
    const R = Math.floor(Math.random() * 256);
    const G = Math.floor(Math.random() * 256);
    const B = Math.floor(Math.random() * 256);
    
    let light = 0.2126 * R + 0.7152 * G + 0.0722 * B > 128;
    console.log(light)

    document.body.style.backgroundColor = `rgb(${R}, ${G}, ${B})`;
    colorText.innerText = `R: ${R} \nG: ${G} \nB: ${B}`;
});

<button id="btn">Button</button>
<br>
<span id="colorText"></span>