js判断颜色

function isHexColor(color) {
    const hexColorPattern = /^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/;
    return hexColorPattern.test(color);
}

console.log(isHexColor('#FFFFFF')); // true
console.log(isHexColor('#FFF'));   // true
console.log(isHexColor('red'));    // false

function getElementColor(element) {
    const computedStyle = window.getComputedStyle(element);
    return computedStyle.color;
}

const element = document.getElementById('myElement');
const color = getElementColor(element);
console.log(color); // 输出计算后的颜色值，如 "rgb(255, 255, 255)"

function isColor(color, targetColor) {
    return color.toLowerCase() === targetColor.toLowerCase();
}

console.log(isColor('white', 'WHITE')); // true
console.log(isColor('rgb(255, 255, 255)', 'rgb(255, 255, 255)')); // true

function hexToRgb(hex) {
    const bigint = parseInt(hex.slice(1), 16);
    const r = (bigint >> 16) & 255;
    const g = (bigint >> 8) & 255;
    const b = bigint & 255;
    return `rgb(${r}, ${g}, ${b})`;
}

function compareColors(color1, color2) {
    const rgb1 = hexToRgb(color1);
    const rgb2 = hexToRgb(color2);
    return rgb1 === rgb2;
}

console.log(compareColors('#FFFFFF', '#FFF')); // true
console.log(compareColors('rgb(255, 255, 255)', '#FFFFFF')); // true