"Oscurecer" un color para que sea equivalente al original cuando se hace transparente

Cuando haces un color parcialmente transparente, se aclara (asumiendo que está sobre un fondo blanco), naturalmente. Me gustaría contrarrestar este comportamiento "oscureciendo" un color, de modo que cuando lo hago transparente, sobre un fondo blanco, el resultado final sea el mismo que el color original.

Básicamente, me gustaría compensar el efecto de la transparencia. Y no tengo ni idea de cómo lo haría. He intentado jugar con algunos números en los parámetros del color, pero no he podido encontrar lo que debo hacer.

Esto puede ser difícil de entender solo con palabras, así que hice una explicación visual de lo que me gustaría lograr.

ingrese la descripción de la imagen aquí

Lo que quiero lograr es el cuadrado más alto.

Oh, antes de que alguien inteligente me diga que simplemente haga lo que hice en esa imagen, por supuesto, el ejemplo fue falsificado cortando un trozo de naranja transparente para colocarlo sobre el área donde el "palo" se superpone con un cuadrado de color sólido. Por supuesto, esa solución no se puede aplicar a formas más irregulares o cambiantes, y no manejará las áreas blancas de una imagen.

En caso de que sea importante, lo que estoy tratando de hacer con esto es un diseño web en Adobe Illustrator, que por supuesto eventualmente terminaría siendo hecho con HTML y CSS.

Respuestas (3)

Puede probar los diversos modos de fusión si uno de ellos se acerca lo suficiente, pero salvo eso, necesitará objetos separados. Realmente no puede alterar la mezcla en solo una parte de un solo objeto.

RGB CMYK

Por supuesto, en HTML/CSS no existen los modos de fusión, por lo que tendrá que usar transparencia o no y probablemente también recurrir a varios objetos allí.

css tiene modos combinados, pero la compatibilidad con el navegador es limitada. Consulte html.adobe.com/webplatform/graphics/blendmodes/browser-support
Uhm, no estoy hablando de alterar la mezcla en parte de un objeto. Así es como falsifiqué el ejemplo visual. Lo que quiero hacer es contrarrestar esencialmente cómo la transparencia aclara mi color sobre un fondo blanco. Expresado un poco como el álgebra, sería BaseColor- 10%opacity+ x+ WhiteBackground= BaseColor, y el objetivo es encontrar x, y el objetivo es hacer que x no sea opacidad. Por ejemplo, hice algo como lo que quería al restar el 10% de cada valor R, G y B, pero eso no fue todo. La saturación y la luminosidad tampoco lo hicieron.
¿Intentó hacer shift-clic con la herramienta Cuentagotas en el área que contiene el color que desea? Al hacer clic con Mayús y hacer clic con el cuentagotas, se selecciona el color en la pantalla en lugar del color del objeto en sí.
@ariene: la respuesta de Christopher John sugiere un poco esto, pero no lo hace explícito: está usando el modelo de color HSB y compensando la saturación por la cantidad de opacidad (similar a su algoritmo RGB)
@Scott Perdón por la larga demora. Me olvidé por completo de esta pregunta. Lo sentimos, parece que la herramienta cuentagotas no produce el mismo color. Hasta ahora, el único método de trabajo que veo es colocar un cuadrado del color de opacidad completa detrás del de opacidad del 90 %.

Si tiene un objeto que tiene una opacidad del 90%, está introduciendo el 10% del color debajo de ese objeto. En teoría, si tomara su objeto original con una opacidad del 100 % (sin transparencia) y pusiera el mismo color de fondo en una capa frente a él con una opacidad del 10 %, terminaría con el mismo 90 %-10 %. relación, dando como resultado el mismo color que el color original semitransparente.

Si toma el resultado del original no transparente con el 10% por encima, esa es su versión "oscurecida" o "aclarada" del color original.

A veces puede funcionar con algunos modos de fusión ... ...como puede ver en "Rainbow-Strip", no es realmente flexible. Aunque los necesitas. Dudo que esto funcione solo con opacidad.colorKeeperEjemplo: luz dura



editar: funciona con la opacidad... colorKeeperEjemplo: Opacidad
...solo que lo hice al revés. Aparentemente, aquí funciona aumentando la saturación de la imagen 90% transparente en 10. Lo que significa que si el color original ya tiene una saturación del 100%, no funcionará (también cuando se usa un color BG diferente, como mencionó John).
Eso es lo que yo descubrí de todos modos..

Pido disculpas por la demora. Me olvidé por completo de esta pregunta.
"Oscurecer" un color para que sea equivalente al original cuando se hace transparente
RespuestasAquíPolítica de privacidad1y, 0v