Calculadora de composición alfa RGB source-over
Combine los colores de fondo y de fondo con valores de opacidad separados e informe de canales de salida rectos y premultiplicados.
SU CÁLCULO
Resultado
—
Pasos del cálculo
Trabaje a través de un paso a la vez o revele el cálculo completo. Los pasos utilizan sus entradas actuales.
Cómo calcular
Premutly ambos colores por su alfa, aplicar la composición de fuente-más y dividir por resultado alfa para recuperar los canales rectos cuando no cero.
αout=αf+αb(1−αf); premultiplied C=αfCf+αb(1−αf)Cb
Ejemplo resuelto
Rojo halfopaco sobre azul opaco da alfa 1 y canal encodadoRGB (127.5, 0,127.5), redondeado a # 800080.
Suposiciones y detalles de entrada
Dieciséis dígitos de colores sRGB hex con alfa recto; opacidad 0 - 100%. La aritmética se realiza explícitamente en canales de SRGB codificados, sin conversión de luz lineal u otros modos de mezcla. Esta convención puede diferir de la reproducción de luz de color-manejada. En cero salida alfa, RGB recta no está definida e informada como tal. La salida de Hex ronda cada canal a un byte de 8 -bit. No se suben ni editan imágenes.
Referencias: W 3C: simple compostaje alfa
Usando esta calculadora
¿Puedo entrar en mi propio problema?
Sí. Sustitúyase los valores de ejemplo por sus propias entradas. El resultado, los pasos de cálculo, los cuadros y los diagramas aplicables se actualizan a partir de esos insumos. Los valores blanks o inválidos despejan el resultado; los valores de ejemplo nunca se sustituyen silenciosamente por los insumos que faltan.
¿Los resultados son exactos?
Los resultados utilizan la aritmética de un punto flotante y se muestran redondeados. Leer la fórmula, suposiciones y cualquier precisión de los datos antes de interpretar el resultado.
¿Mi entrada está cargada?
El cálculo se ejecuta en su navegador. No se requiere cuenta, carga de archivos o servicio AI externo. Las entradas no se guardan entre recargas de página.
Convertir códigos de color de sRGB opaco entre HEX, entero RGB y HSL. Ver los valores de canal sin redondear y la representación HEX más cercana a 8 -bit.
Compare dos colores de sRGB opacos, inspeccione una vista previa de texto y compruebe los umbrales de contraste WCAG 2.2 para un texto normal y grande.
Interpolar dos quaternions de rotación a lo largo del arco unit-quaternion más corto.
Espacio reservado para publicidad.