Calculadora de opacidad

Esto es una calculadora de opacidad. Ponga alfa a un HEX, obtenga rgba() / HEX8 / hsla() y aplánelo sobre un fondo a un HEX sólido.

Ejemplos — pulsa una muestra

Sobre damero

Sobre el fondo

Pulsa un valor para copiarlo

Una fila: frente fondo alfa, p. ej. #3B82F6 #FFFFFF 0.5. Cargar ejemplo pone tres filas; la tabla muestra HEX sólido y rgba().

Calculadora de opacidad

Esto es una calculadora de opacidad. Ponga alfa a un HEX, obtenga rgba() / HEX8 / hsla() y aplánelo sobre un fondo.

Cómo usar

  1. Frente y fondo: HEX, selector, Aleatorio, ejemplo o píxel.
  2. Alpha 0–1, 0–255 o %. El deslizador es 0–100%. Presets 10–90%.
  3. El damero muestra rgba(). La otra barra, sobre el fondo. El swatch grande es el HEX sólido.
  4. Mostrar ejemplo: #3B82F6 al 50% sobre blanco. Copiar resultado copia rgba(). El lote es frente fondo alpha.

Notas

HEX8 o rgba() con alpha mueven el deslizador. 0 es el fondo, 1 el frente. Relacionado: HEX a RGBA, tintes y sombras.

Dónde usarlo

  • Overlays y tarjetas de cristal.
  • Aplanar un token de Figma para correo.

Preguntas

¿50% es un tinte al 50%?

Solo sobre blanco.

¿rgba() u opacity?

rgba() es un color. opacity afecta al elemento entero.