Searchlight
Tools
BlogAbout
Free SEO Audit
Back to home
๐Ÿ“ˆSEO & Analytics
๐Ÿ—‚๏ธText & Data
๐Ÿ”Encoders & Decoders
โšกGenerators
๐Ÿ”„Converters
๐Ÿ–ผ๏ธImage Tools
๐Ÿ“„PDF Tools
๐Ÿ’ปCode Tools
๐Ÿ”Regex & Parsing
๐ŸงฎCalculators
๐Ÿ—บ๏ธDiagrams
๐ŸŒNetwork & Web
โœ๏ธText Utilities
๐ŸŽจColor Tools
Color PickerImage PaletteContrast CheckerColour Blindness Sim.Tailwind Colors
๐Ÿ”€Diff & Compare
148+ tools. OAuth is read-only.
Searchlight

148+ free SEO, developer, image, PDF, and productivity tools - no account needed.

Free ยท all tools included
Company
  • Blog
  • About
  • Free SEO Audit
Legal
  • Privacy Policy
  • Terms of Service
  • Cookie Policy

ยฉ 2026 Searchlight. All rights reserved.

Read-only OAuth ยท No data reselling ยท Completely free

Colour Blindness Simulator

Upload an image to see how it appears with different types of colour vision deficiency.

Upload an image or enter a URL to simulate colour blindness

About this tool

Simulate how your designs appear to people with different types of colour blindness - deuteranopia (red-green), protanopia (red blind), tritanopia (blue-yellow), and achromatopsia (no colour). Upload any image or screenshot and preview all simulation modes side by side. Essential for accessible design and WCAG 1.4.1 compliance.

How to Simulate Colour Blindness

  1. 1Upload your design screenshot, UI mockup, or any image.
  2. 2Select the colour blindness type to simulate.
  3. 3Compare the original and simulated images side by side.
  4. 4Check that all critical information is still understandable.
  5. 5Adjust your colour choices and re-test until all simulations pass.

Frequently Asked Questions

What are the most common types of colour blindness?+
Deuteranopia (green-blind) and protanopia (red-blind) together affect about 8% of men. Both cause difficulty distinguishing red from green. Tritanopia (blue-yellow) affects less than 1%. Achromatopsia (complete colour blindness) is very rare.
How does WCAG 1.4.1 relate to colour blindness?+
WCAG Success Criterion 1.4.1 requires that colour is not the only visual means of conveying information. Form validation errors must not rely on red colour alone - they also need icons, text labels, or patterns.
What is the safest colour palette for colour blind users?+
Blue and orange are distinguishable by all types of colour blindness. Avoid red-green combinations for critical information. Use patterns or textures in charts in addition to colour. IBM, Google, and Okabe-Ito palettes are designed for accessibility.
Can I check my website for colour blindness issues?+
Screenshot your UI, upload it here, and check all simulation modes. Focus on charts, status indicators, form validation, and links. Also use browser extensions like Colorblinding or Chrome's built-in accessibility inspector.
Looking for a deeper guide on this topic? Browse the Searchlight blog.
Visit the blog โ†’

Related tools

View all Color Tools โ†’
Color PickerVisual color picker with format outputImage PaletteExtract colour palette from any imageContrast CheckerWCAG AA/AAA contrast ratio checkerTailwind ColorsFull Tailwind CSS colour palette reference