Filtros CSS
Aplica filtros (blur, brillo, sepia…) a imágenes con CSS y copia el código. Vista previa en vivo, gratis.
Resultado
¿Cómo usar esta herramienta?
Aplica filtros (blur, brillo, sepia…) a imágenes con CSS.
Escribe tus datos, pulsa Generar CSS y obtén el resultado al instante. Puedes copiarlo con el botón «Copiar resultado». Todo se calcula en tu navegador: tus datos no salen de tu dispositivo.
Preguntas frecuentes
¿Cómo aplico filtros CSS?
Ajusta desenfoque, brillo, contraste, sepia, grises y tono; pulsa Generar CSS para obtener el código de filtros listo.
¿Qué filtros incluye?
Blur, brillo, contraste, sepia, escala de grises y rotación de tono: combínalos para lograr el efecto que buscas.
¿Cómo lo aplico a mi imagen?
Pega el código en la propiedad filter de tu imagen en la hoja de estilos.
¿Funciona en el móvil?
Sí, funciona en el móvil, la tableta y la computadora sin instalar nada.
Herramientas relacionadas de Color y diseño
Clip-path
Recorta elementos con formas CSS: polígono, círculo y elipse.
Usar gratisScrollbar CSS
Personaliza la barra de desplazamiento: colores, ancho y radio para WebKit y Firefox.
Usar gratisBreakpoints responsive
Medidas estándar para diseño responsive con media queries listas para copiar.
Usar gratisBadges CSS
Crea insignias y píldoras (badges) con CSS: colores, texto y forma a tu gusto.
Usar gratisTooltips CSS
Tooltips con CSS puro, sin JavaScript: colores, posición y texto a tu gusto.
Usar gratisAcordeón CSS
Acordeón desplegable con CSS puro, sin JavaScript: define tus secciones y copia el HTML+CSS.
Usar gratis