Life & fun · alternatives · 2026

24 alternatives to Colofilter.css

Colorful filters uses css blend modes inspired by Spotify

Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes. Colofilter.css launched in 2016; newer entries below may have overtaken it.

1
FilterSS▲137
A curated list of CSS image effects
2021 · xscoder.com · its alternatives →
2
Instagram.css▲446
Complete set of Instagram filters in pure CSS
2018 · picturepan2.github.io · its alternatives →
3
CSSGram▲131
Recreate Instagram filters with CSS filters and blend mode
2016 · una.im · its alternatives →
4
Water.css – A just-add-css collection of styles to make websites nicer▲501
A drop-in collection of CSS styles to make simple websites just a little nicer - kognise/water.css
2019 · github.com · its alternatives →
5
colorSS▲98
Generate random CSS color palettes and get inspired
2022 · xsgames.co · its alternatives →
6
Blendy▲99
Preview CSS background blend modes easily
2019 · blendy.netlify.app · its alternatives →
7
CSS generator for a high-def glass effect▲420
There are lots of glassmorphism generators out there, but I wanted to push the effect further! This project is the result of months of experimenting with CSS property layering and battling browser quirks. Cross-browser compatibility is actually the reason I rely on ::before and ::after pseudo-elements to build up the effect. Move the color/opacity to the main element, and you’ll get weird color bleed on the corners in Chrome. Move the texture, and it muddles the bevel’s specular highlight. Move the bevel, and it gets blurred out by the backdrop-filter. And so on! Layers include: *…
2025 · glass3d.dev · its alternatives →
8
Colorful Gradients▲72
1 CSS Gradient Background per second.
2014 · its alternatives →
9
EnjoyCSS▲138
CSS generator for rich graphical styles without coding
2014 · enjoycss.com · its alternatives →
10
Culrs▲244
A simple, smart approach to choose color palettes
2016 · culrs.com · its alternatives →
11
Colorify.js▲179
The simple, customizable, tiny javascript color extractor
2015 · colorify.rocks · its alternatives →
12
Picnic CSS▲131
A beautiful CSS library to kickstart your projects
2016 · picnicss.com · its alternatives →
13
Spotify Web Visualizer 1.0▲102
Beautiful full screen visuals for Spotify web player
2019 · nikodraca.com · its alternatives →
14
CSSCO▲126
VSCO Filters with CSS
2016 · luxebooth.com · its alternatives →
15
𝘊𝘰𝘭𝘰𝘳𝘴 𝘈𝘯𝘥 𝘍𝘰𝘯𝘵𝘴 2020▲185
Colors, fonts & resources for developers & digital designers
2020 · colorsandfonts.com · its alternatives →
16
Pattern.css▲197
CSS library to fill empty background with beautiful patterns
2020 · github.com · its alternatives →
17
CSS Filter Effects▲63
2015 · cssreflex.com · its alternatives →
18
cssFilters▲8
Generate CSS for custom and Instagram like photo filters
2016 · cssfilters.co · its alternatives →
19
Color Sense▲114
Your top choice for a color picker extension on Safari
2024 · apps.apple.com · its alternatives →
20
.colors()▲115
🎨 A color picker for people who live in their text editor
2018 · its alternatives →
21
ColorMe▲103
ColorMe allows you to visualize The CSS Color Function.
2017 · tylergaw.com · its alternatives →
22
FilterGrade▲128
Gorgeous photography filters for Photoshop
2015 · filtergrade.com · its alternatives →
23CP
CSS Photo Filter Playground▲35
2019 · outpan.com · its alternatives →
24
Eye Dropper▲111
An open-source Chrome extension for matching web colors 🎨
2017 · chromewebstore.google.com · its alternatives →

Also compare

Ranked by how close each launch is in meaning, then by votes. Prices were read from each product’s own site when checked and can change. Refine with your own description →