Laboratorio filtros CSS

Cadena blur/brillo/contraste/sepia.

Abrir herramienta →

Pruébala aquí

Abrir a pantalla completa →

Cómo se usa

Introduce Desenfoque (px), Brillo (%), Contraste (%) y Sepia (%) en Laboratorio filtros CSS y pulsa Ejecutar. DesignMatrix calcula en tu navegador con un motor JavaScript puro (Worker para entradas pesadas). Los datos no se envían a un endpoint de procesamiento de Tolari; el resultado depende de la operación.

Pasos

  1. Usa Laboratorio filtros CSS en esta página (o abre la versión completa).
  2. Introduce Desenfoque (px), Brillo (%), Contraste (%) y Sepia (%).
  3. Pulsa Ejecutar (Ctrl+Enter).
  4. Copia o descarga el resultado, o comparte un enlace a esta herramienta.

Preguntas frecuentes

¿Laboratorio filtros CSS es de verdad gratis?

Sí. No necesitas cuenta ni créditos y no hay un muro de pago para completar la tarea. Se aplican los límites indicados de archivo, navegador y dispositivo. Los anuncios solo pueden mostrarse si se configuran y activan con la señal de consentimiento requerida.

¿Se envía a un servidor lo que escribo en Laboratorio filtros CSS?

El cálculo se ejecuta en esta página y no se envía a un servidor de procesamiento de Tolari. Según tus ajustes, las ejecuciones recientes pueden guardarse en el almacenamiento local del navegador; usa Modo privado o borra el historial de este dispositivo si lo necesitas.

¿Qué pongo en "Desenfoque (px)"?

Pon aquí desenfoque (px) — por ejemplo: 0. Deja los valores primero para ver cómo funciona y ajusta después. Cada campo se valida con mensaje claro si algo falla.

¿Cómo comparo Laboratorio filtros CSS con otras opciones?

Compara formatos de entrada, calidad de salida, límites de archivo, compatibilidad del navegador y condiciones de privacidad con la misma muestra. Las funciones y condiciones de cada proveedor pueden cambiar; consulta su documentación actual.

¿Qué tan preciso es Laboratorio filtros CSS?

Esta herramienta calcula en tu navegador al ejecutarla. Los resultados dependen de los datos, el navegador y la operación concreta.

Advertisement
Content continues below

Compara antes de elegir

Compara formatos, calidad de salida, límites, compatibilidad y condiciones de privacidad antes de elegir una herramienta para colores, paletas y generación CSS. Lista de características.

Herramientas relacionadas

Generador de degradados

Paradas lineal/radial → CSS + vista.

Abrir →

Generador Box Shadow

Capas + inset + Tailwind.

Abrir →

Generador Border Radius

Sintaxis 8 valores + presets.

Abrir →

Constructor Transform

rotate/scale/skew/translate.

Abrir →

Generador clamp()

Tipo fluido con px/rem.

Abrir →