js判断颜色是否相等

function hexColorsEqual(hex1, hex2) {
    // 去除可能存在的 # 号，并将简写形式扩展为完整形式
    const fullHex1 = hex1.replace(/^#?/, '').length === 3 ? 
        '#' + hex1.replace(/^#?/, '').split('').map(c => c+c).join('') : hex1;
    const fullHex2 = hex2.replace(/^#?/, '').length === 3 ? 
        '#' + hex2.replace(/^#?/, '').split('').map(c => c+c).join('') : hex2;
    
    return fullHex1.toLowerCase() === fullHex2.toLowerCase();
}

// 示例
console.log(hexColorsEqual('#FF5733', '#ff5733')); // true
console.log(hexColorsEqual('#F53', '#FF5733'));   // true
console.log(hexColorsEqual('#F53', '#ff573'));   // false

function rgbColorsEqual(rgb1, rgb2) {
    const match = (str) => str.match(/\d+/g).map(Number);
    const [r1, g1, b1] = match(rgb1);
    const [r2, g2, b2] = match(rgb2);
    
    return r1 === r2 && g1 === g2 && b1 === b2;
}

// 示例
console.log(rgbColorsEqual('rgb(255, 87, 51)', 'rgb(255, 87, 51)')); // true
console.log(rgbColorsEqual('rgb(255, 87, 51)', 'rgb(255, 87, 50)')); // false

function hslColorsEqual(hsl1, hsl2) {
    const match = (str) => str.match(/\d+(\.\d+)?/g).map(Number);
    const [h1, s1, l1] = match(hsl1);
    const [h2, s2, l2] = match(hsl2);
    
    return h1 === h2 && s1 === s2 && l1 === l2;
}

// 示例
console.log(hslColorsEqual('hsl(12, 76%, 50%)', 'hsl(12, 76%, 50%)')); // true
console.log(hslColorsEqual('hsl(12, 76%, 50%)', 'hsl(12, 76%, 49%)')); // false