console.log($("#box4").css("background-color")); // Solution does not fit <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div id="box1" style="background-color: blue; opacity: 0.5;"> <div id="box2" style="background-color: yellow; opacity: 0.5;"> <div id="box3" style="bacground-color: green; opacity: 0.5;"> <div id="box4" style="font-size: 30px; padding: 20px; opacity: 0.9;">Aloha</div> </div> </div> </div>Necesita obtener el valor de color de fondo para id="box4" con JS o JQ. Se debe encontrar el valor real del color que el usuario ve en el navegador. No es un valor CSS.
Debe calcular el cambio de color con un valor de opacidad o alguna otra solución.
Si uso el complemento de Google Chrome "COLOR PICKER", obtengo el valor #a0b0c0, rgb (160, 176, 192).
Es suficiente si el discurso solo funcionará en Google Chrome.