Calcolatore opacità

Questo è un calcolatore di opacità. Mettete alfa su un HEX, ottenete rgba() / HEX8 / hsla() e appiattite sul fondo in un HEX solido.

Esempi — clicca un campione

Su scacchiera

Sullo sfondo

Clicca un valore per copiarlo

Una riga: primo piano sfondo alfa, es. #3B82F6 #FFFFFF 0.5. L’esempio carica tre righe; la tabella mostra HEX solido e rgba().

Calcolatore opacità

Questo è un calcolatore di opacità. Mettete alfa su un HEX, ottenete rgba() / HEX8 / hsla() e appiattite sul fondo.

Come si usa

  1. Primo piano e sfondo: HEX, selettore, Casuale, esempio o pixel.
  2. Alpha 0–1, 0–255 o %. Lo slider è 0–100%. Preset 10–90%.
  3. La scacchiera mostra rgba(). L’altra barra è sullo sfondo. Il campione grande è l’HEX solido.
  4. Mostra esempio: #3B82F6 al 50% sul bianco. Copia risultato copia rgba().

Note

HEX8 o rgba() con alpha spostano lo slider. 0 è lo sfondo, 1 il primo piano. Collegato: HEX to RGBA, tinta e ombra.

Dove usarlo

  • Overlay e card a vetro.
  • Appiattire un token Figma per la mail.

Domande

Il 50% è una tinta al 50%?

Solo sul bianco.

rgba() o opacity?

rgba() è un colore. opacity riguarda tutto l’elemento.