- add color blindness simulator to sidebar, tools.json and add screenshot

Author: TobiasMue91

data/tools.json

@@ -1263,5 +1263,16 @@
     "aiPowered": false,
     "featured": false,
     "date": "2025-03-31"
+  },
+  {
+    "id": "color_blindness_simulator",
+    "title": "Color Blindness Simulator",
+    "description": "Preview how designs appear to people with different color vision deficiencies to improve accessibility.",
+    "url": "tools/color_blindness_simulator.html",
+    "screenshot": "screenshots/screenshot_167.png",
+    "type": "tool",
+    "aiPowered": false,
+    "featured": false,
+    "date": "2025-04-07"
   }
 ]

screenshots/screenshot_167.png

@@ -252,6 +252,7 @@ <h2>Tools by ChatGPT</h2>
       <li><a href="/tools/cron_expression_builder.html">Cron Expression Builder</a></li>
       <li><a href="/tools/markdown_table_generator.html">Markdown Table Generator</a></li>
       <li><a href="/games/emoji_horde_survival.html">Emoji Horde Survival</a></li>
+      <li><a href="/tools/color_blindness_simulator.html">Color Blindness Simulator</a></li>
 <!-- end -->
     </ul>
   </div>