CSS Photo Filters

36 beautiful photo filters, with simple editing and CSS to copy. Upload your own photo and select the perfect filter, or modify one to fit your needs.

Want to use these filters in a design? Sign up to Baseline!

Icy Water
Summer Heat
Sweet Sunset
Blue Rock
Ocean Wave
Little Red
Vintage May
Space Trip
Desert Morning
Blue Lagoon
Warm Ice
Burnt Coffee
Old Wood
Distant Mountain
Coal Paper
Simple Gray
Rose Quartz
Baseline Special
Baby Glass
Rose Glass
Yellow Haze
Blue Haze
Studio 54
Burnt Peach
Mono Sky
Mustard Grass
Baseline Darken
Red Sky

The CSS you copy requires a specific markup. An element with the class .image-container wrapped around an img tag.

About this image filter tool

This filter generator is a part of the stack of tools available at Baseline. It uses the same image filtering technology in use here in the app itself, but even better since it includes filters specifically generated for your brand.

Baseline is an easy-to-use design app that makes branded content with a single click of a button. It takes your brand assets and automatically applies them to anything you want to design.

It's free to get started and you can always reach out to us if you have any questions or need assistance getting set up.

Screenshot of filters in Baseline Studio