Hank: Stringwert von style.backgroundColor

Beitrag lesen

hi,

Wenn Du mit den Farbwerten weiterarbeiten möchtest, könntest Du die RGB-Werte aus diesem String extrahieren.

Also in etwa so (ungetestet):

function getRGBValues(colorString) {
    const match = colorString.match(/rgb\((\d+), (\d+), (\d+)\)/);
    if (match) {
        const [, red, green, blue] = match.map(Number);
        return { red, green, blue };
    }
    return null;
}

const backgroundColor = document.getElementById('test').style.backgroundColor;
const rgbValues = getRGBValues(backgroundColor);

if (rgbValues) {
    console.log(rgbValues.red, rgbValues.green, rgbValues.blue);
}

Alternativ kannst Du auch mit Bibliotheken arbeiten, die hierfür gedacht sind, wie chroma.js oder TinyColor.

Hank