Convertisseur d'opacité alpha

• Conversion alpha instantanée : le convertisseur traite toute couleur CSS avec alpha en temps réel. Collez rgba(), hsla(), HEX8 ou HEX4 et obtenez tous les formats équivalents instantanément, sans clic ni attente.
• Traitement sécurisé et privé : vos données de couleur ne quittent jamais votre appareil. Le convertisseur s'exécute entièrement dans votre navigateur : rien n'est envoyé nulle part et rien n'est journalisé.
• Aperçu du mélange sur n'importe quel fond : voyez exactement le rendu de votre couleur semi-transparente composée sur blanc, noir et un fond personnalisé. Le convertisseur calcule instantanément la valeur HEX mélangée pour chaque fond.
• 100 % gratuit pour toujours : utilisez ce convertisseur sans inscription, abonnement, limite de débit ni paywall caché. Convertissez autant de couleurs que nécessaire, entièrement gratuitement.

Un convertisseur d'opacité alpha est un outil qui convertit les valeurs de couleur CSS dotées d'un canal alpha (transparence) entre tous les formats pris en charge. En CSS, la transparence peut s'exprimer avec rgba() (rouge, vert, bleu, alpha 0-1), hsla() (teinte, saturation, luminosité, alpha 0-1) ou HEX8 (#rrggbbaa, un code hexadécimal à 8 chiffres dont les deux derniers représentent le canal alpha). Ce convertisseur analyse l'un de ces formats et produit tous les équivalents, plus un aperçu de mélange montrant le rendu de la couleur composée sur différents fonds, le tout exécuté localement dans votre navigateur.

1. Collez votre couleur : saisissez n'importe quelle couleur CSS avec alpha (rgba(), hsla(), HEX8 (#rrggbbaa) ou HEX4 (#rgba)). Le convertisseur analyse l'entrée et met à jour toutes les sorties en temps réel.
2. Vérifiez tous les équivalents : le convertisseur affiche rgba(), hsla(), HEX8, HEX6 (sans alpha), le pourcentage d'opacité et la valeur alpha en échelle 0-1 et 0-255.
3. Consultez les aperçus et copiez : voyez le rendu de la couleur sur blanc, noir et un fond personnalisé. Copiez n'importe quel format en un clic, ou copiez toute l'échelle d'opacité en tokens HEX8.

• Format rgba() : la fonction CSS standard avec rouge (0-255), vert (0-255), bleu (0-255) et alpha (0-1). Largement pris en charge par tous les navigateurs et préprocesseurs CSS.
• Format hsla() : teinte (0-360°), saturation (0-100 %), luminosité (0-100 %) et alpha (0-1). Plus simple à appréhender pour les designers qui ajustent les relations de couleur.
• Format HEX8 : un code hexadécimal à 8 chiffres (#rrggbbaa) dont les deux derniers représentent le canal alpha (00 = totalement transparent, ff = totalement opaque). Utilisé dans Tailwind CSS, Figma et les design tokens modernes.
• Aperçu du mélange : la couleur unie réelle résultant de la composition de la couleur semi-transparente sur un fond selon la formule standard de composition alpha.

Le convertisseur d'opacité alpha prend en charge les formats de couleur CSS indiqués ci-dessus. Il ne prend pas en charge la syntaxe plus récente CSS Color Level 4 (par ex. rgb(59 130 246 / 50%)) ni les formats oklch/lab avec alpha. L'aperçu du mélange utilise la composition alpha standard (opération « over » de Porter-Duff) et suppose un fond plat et uni : il ne tient pas compte de plusieurs calques ni de modes de composition complexes.