filter: saturation(<percentage>) ফাংশন দিয়ে ছবির রঙের ঘনতা (saturation) নিয়ন্ত্রণ করা যায়। 100% = মূল ছবি, 0% = পুরোপুরি গ্রেস্কেল, >100% = অতিরিক্ত স্যাচুরেটেড (জ্বলন্ত রঙ)।
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<style>
img.demo { filter: saturation(500%); }
</style>
</head>
<body>
<h1>Learn Spring Framework</h1>
<img src="https://www.tutorialspoint.com/spring/images/spring-mini-logo.jpg" alt="Spring Framework" width="160" height="150">
<h1>Learn Spring Framework</h1>
<img class="demo" src="https://www.tutorialspoint.com/spring/images/spring-mini-logo.jpg" alt="Spring Framework" width="160" height="150">
</body>
</html>
অন্যান্য ফিল্টার: grayscale(), sepia(), blur(), brightness(), contrast(), hue-rotate(), invert(), opacity(), drop-shadow()। একাধিক ফিল্টার স্পেস দিয়ে চেইন করা যায়।
