🎨
design
Color Wheel Interactive
Pick colors from an interactive wheel and explore complementary, analogous, triadic, and split-complementary harmonies.
color wheel
Use Tool → 👁️
design
Color Blindness Simulator
Simulate how colors appear to people with different types of color vision deficiency. Test color contrast for accessibility compliance.
color blindness simulatorcvd simulatoraccessibilitycolor contrastwcagprotanopiadeuteranopia
Simulation Type
Color Preview
Normal
Protan
Deutan
Tritan
Achro
Text Readability
Image Preview
Upload an image to see simulation
How to use
How to Use the Color Blindness Simulator
- 1 Select foreground and background colors, or upload an image to test.
- 2 Choose a color vision deficiency type to simulate (protanopia, deuteranopia, tritanopia, or achromatopsia).
- 3 Check the contrast ratio results for WCAG AA accessibility compliance across all vision types.
About 8% of men and 0.5% of women have some form of color vision deficiency. The most common types are protanopia and deuteranopia (red-green), affecting about 6% of males combined.
WCAG 2.0 requires a minimum contrast ratio of 4.5:1 for normal text and 3:1 for large text. This tool checks contrast under all vision types to ensure universal accessibility.
More Design tools
Related tools
You might also like
🎮
design
Pixel Art Maker
Create pixel art with a grid-based drawing canvas. Features draw, erase, and fill tools, 10-color palette, mirror mode, and PNG export at multiple scales.
pixel art
Use Tool → 🎨
design
Color Palette from Image
Extract a color palette from any uploaded image using K-means clustering. Get dominant colors as HEX and RGB values with CSS variable code ready to copy.
color palette from image
Use Tool → 📊
converter
JSON to CSV Converter
Convert JSON arrays to CSV and CSV to JSON instantly in your browser. Download CSV files with one click.
json to csv
Use Tool →