Saltar al contenido
Volver: Herramientas

Generador de filtros

Una capa de color translúcido para oscurecer o teñir lo que haya debajo. Pruébala en modo claro y oscuro con tus propios textos y copia el CSS.

Texto de ejemplo

Así se ve el texto bajo el filtro.

Texto gris pequeño

Vista previa

Color

0°
0 %
100 %

Contraste del texto

Texto Blanco: 1,0:1 No llega a AA
Texto Negro: 21,0:1 Se lee bien (AA)
7 %Los valores bajos oscurecen o tiñen con suavidad; los altos tapan más lo que hay debajo.
Textos de ejemplo
/* Generado con GlassMarshmallow */
background: rgba(0, 0, 0, 0.07);