Calculateur d’opacité

Ceci est un calculateur d’opacité. Donnez un alpha à un HEX, obtenez rgba() / HEX8 / hsla(), puis aplatissez sur un fond en HEX opaque.

Exemples — cliquez un échantillon

Sur damier

Sur le fond

Cliquez une valeur pour la copier

Une ligne : premier plan fond alpha, ex. #3B82F6 #FFFFFF 0.5. L’exemple charge trois lignes ; le tableau montre le HEX opaque et rgba().

Calculateur d’opacité

Ceci est un calculateur d’opacité. Donnez un alpha à un HEX, obtenez rgba() / HEX8 / hsla(), puis aplatissez sur un fond.

Comment l’utiliser

  1. Premier plan et fond : HEX, sélecteur, Aléatoire, exemple ou pixel.
  2. Alpha 0–1, 0–255 ou %. Le curseur est 0–100 %. Préréglages 10–90 %.
  3. Le damier montre rgba(). L’autre barre est sur le fond. Le grand échantillon est le HEX opaque.
  4. Afficher l’exemple : #3B82F6 à 50 % sur blanc. Copier le résultat copie rgba().

Notes

HEX8 ou rgba() avec alpha bougent le curseur. 0 est le fond, 1 le premier plan. Lié : HEX vers RGBA, teinte et ombre.

Où l’utiliser

  • Calques et cartes verre.
  • Aplatir un jeton Figma pour un e-mail.

Questions

50 % égale-t-il une teinte à 50 % ?

Seulement sur blanc.

rgba() ou opacity ?

rgba() est une couleur. opacity concerne tout l’élément.