UI Color Blindness Simulator
Simulate color vision deficiencies on hex colors and uploaded images using 3x3 spectral transformation matrices.
No red retinal cones; reds appear dark brown/gray.
Anomalous red cones; shifted sensitivity toward green.
No green retinal cones; reds and greens confuse.
Most common form; reduced discrimination of green shades.
No blue retinal cones; blues confuse with greens, yellows with pink.
Reduced sensitivity to blue wavelengths.
Complete color blindness; pure monochromatic grayscale.
Severe reduction of all chromatic perception.
Technical Specification & Mathematical Principles
Color perception simulation projects RGB vectors into LMS cone space using the Vienot & Machado formulation: [L', M', S'] = M_deficiency * [L, M, S].
The resulting coordinates are transformed back into sRGB space and gamma-re-encoded to visualize the exact chromatic shifts experienced by color-deficient observers.
Frequently Asked Questions
Related Design & Color Instruments
WCAG Contrast Checker
Calculate W3C relative luminance and contrast ratio (L1+0.05)/(L2+0.05) with AA/AAA compliance ratings.
APCA Contrast Calculator
Calculate readability contrast using WCAG 3.0 Accessible Perceptual Contrast Algorithm (APCA) Lc scores.
Text Contrast Checker
Evaluate legibility compliance specifically for body text (4.5:1 ratio) and large headings (3:1 ratio).
Image Color Picker
Extract pixel colors from your images with pixel-level precision and an interactive magnifying loupe. Runs 100% locally in your browser.