Calculadora de opacidade

Isto é uma calculadora de opacidade. Ponha alfa num HEX, obtenha rgba() / HEX8 / hsla() e achate sobre um fundo num HEX sólido.

Exemplos — clique numa amostra

No xadrez

No fundo

Clique num valor para copiar

Uma linha: frente fundo alfa, ex. #3B82F6 #FFFFFF 0.5. O exemplo carrega três linhas; a tabela mostra HEX sólido e rgba().

Calculadora de opacidade

Isto é uma calculadora de opacidade. Ponha alfa num HEX, obtenha rgba() / HEX8 / hsla() e achate sobre um fundo.

Como usar

  1. Frente e fundo: HEX, seletor, Aleatório, exemplo ou pixel.
  2. Alpha 0–1, 0–255 ou %. O cursor é 0–100%. Predefinições 10–90%.
  3. O xadrez mostra rgba(). A outra barra é no fundo. O grande swatch é o HEX sólido.
  4. Mostrar exemplo: #3B82F6 a 50% no branco. Copiar resultado copia rgba().

Notas

HEX8 ou rgba() com alpha mexem no cursor. 0 é o fundo, 1 a frente. Relacionado: HEX para RGBA, tint e shade.

Onde usar

  • Overlays e cartões de vidro.
  • Achar um token Figma para e-mail.

Perguntas

50% é um tint a 50%?

Só no branco.

rgba() ou opacity?

rgba() é uma cor. opacity afeta o elemento inteiro.