diff --git a/Base/res/html/misc/backdrop-filter.html b/Base/res/html/misc/backdrop-filter.html
index f8ef00eea5..cc38b45310 100644
--- a/Base/res/html/misc/backdrop-filter.html
+++ b/Base/res/html/misc/backdrop-filter.html
@@ -68,6 +68,10 @@
         .mixed {
           backdrop-filter: grayscale(50%) invert(70%);
         }
+
+        .hue-rotate {
+          backdrop-filter: hue-rotate(60deg);
+        }
     </style>
   </head>
   <body>
@@ -103,6 +107,10 @@
       <div class="backdrop-box sepia">
       </div>
     </div>
+    <div class="image-box">
+      <div class="backdrop-box hue-rotate">
+      </div>
+    </div>
   <script>
     const boxes = document.querySelectorAll(".backdrop-box");
     const filterMap = {};
