Calculateur de composition alpha RGB source-over
Combiner les couleurs de premier plan et de fond avec des valeurs d’opacité distinctes et rapporter les canaux de sortie droits et prémultipliés.
VOTRE CALCUL
Résultat
—
Étapes du calcul
Affichez les étapes une par une ou le calcul complet. Les étapes utilisent les valeurs que vous avez saisies.
Méthode de calcul
Prémultipliez les deux couleurs par leur alpha, appliquez la composition source-over et divisez en résultant alpha pour récupérer les canaux droits lorsque non zéro.
αout=αf+αb(1−αf); premultiplied C=αfCf+αb(1−αf)Cb
Exemple détaillé
Le rouge demi-opaque sur le bleu opaque donne alpha 1 et le canal encodé RGB ( 127,5 , 0 127,5 ), arrondi au # 800080 .
Hypothèses et précisions sur les données
Couleurs de hexagone à six chiffres avec alpha droite; opacité 0 – 100 %. Arithmetic est explicitement exécuté sur les canaux sRGB codés, sans conversion linéaire de lumière ou autres modes de mélange. Cette convention peut différer du rendu linéaire-lumière géré par la couleur. À la sortie zéro alpha, le RGB droit n’est pas défini et est déclaré comme tel. La sortie Hex tourne chaque canal vers un octet 8 -bit. Aucune image n’est téléchargée ou éditée.
Références : W3C: simple calcul alpha
Utiliser ce calculateur
Puis-je saisir mes propres données ?
Oui. Remplacez les valeurs de l’exemple par vos propres données. Le résultat, les étapes, les tableaux et les diagrammes disponibles se mettent à jour. Une valeur vide ou invalide efface le résultat ; les valeurs de l’exemple ne remplacent jamais les données manquantes.
Les résultats sont-ils exacts ?
Les calculs utilisent des nombres à virgule flottante et les résultats affichés sont arrondis. Consultez la formule, les hypothèses et la précision des données indiquée avant d’interpréter le résultat.
Mes données sont-elles envoyées ?
Le calcul s’effectue dans votre navigateur. Aucun compte, envoi de fichier ou service d’IA externe n’est nécessaire. Les données saisies ne sont pas conservées après le rechargement de la page.
Convertir les codes de couleurs opaques sRGB entre HEX, entier RGB et HSL. Voir les valeurs de canaux non arrondis et la représentation HEX 8 -bit la plus proche.
Comparer deux couleurs opaques sRGB, inspecter un aperçu du texte et vérifier les seuils de contraste WCAG 2,2 pour le texte normal et grand.
Interpoler deux quaternions de rotation le long de l’arc de quarterion unitaire le plus court.
Espace publicitaire réservé.