Historia de fondo: Hice un sitio web donde agregas rutinas en un estilo de horario. Usted selecciona la cantidad de tiempo, etc., pero también el color del bloque de rutina en el horario. Busqué en línea formas de recopilar valores RGB, pero solo pude encontrarlo después de que se asignó al div con window.getComputedStyle .

Quiero obtener el tono porque quiero agregar automáticamente la cantidad de saturación y luminancia a otros elementos de la rutina div. No me importa obtener los valores RGB si es más fácil porque me gustaría pensar en la conversión, vi en línea que es posible convertir de RGB a HSL.

Entonces, el texto de tipo de entrada básicamente toma algo como "rojo" "verde" y lo asigna a la rutina div, luego getComputedStyle me da el valor RGB. Pero hay una cosa que no me gusta de getComputedStyle . Solo funciona después de agregar la rutina. Entonces, tengo que agregar la línea getComputedStyle , después de agregar la rutina div. Quiero que encuentre el valor de la entrada, no el estilo background-color como en estas líneas:

 const bgCol = window.getComputedStyle(routine_element, null).getPropertyValue("background-color"); console.log("Print " + bgCol)

Porque por lo que creo, getPropertyValue solo toma el valor como "rojo" del color de fondo, y luego getComputedStyle lo convierte en valores RGB. Pero probé algunas combinaciones para usar solo el texto de tipo de entrada y no pude recuperar nada.

Tengo un list_element.insertBefore(routine_element, routine_f_close); justo antes de la línea getComputedStyle , y resulta que los valores RGB, pero si lo hago antes, obviamente no funcionará, y las variaciones de entrada tampoco funcionarán. Déjame saber si debo proporcionar más información?