> ## Documentation Index
> Fetch the complete documentation index at: https://docs.sipapp.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Color Blindness

Sip includes support for simulating how colors appear to people with different types of color vision deficiencies. With a single toggle, you can preview your palettes through the lens of:

* **Normal** – Standard color perception
* **Protanopia** – Red-weak vision
* **Deuteranopia** – Green-weak vision
* **Tritanopia** – Blue-yellow color blindness
* **Achromatopsia** – Total color blindness (no color perception)

## Why This Matters

Color blindness affects over 300 million people worldwide. With this feature, you can:

* Instantly simulate different types of color vision
* Validate accessibility in your designs
* Ensure your palettes are inclusive and legible for everyone

Whether you're a designer, developer, or accessibility advocate, this tool helps you build more inclusive visuals in Sip.

You'll find the simulation modes in the **Color Blindness** control in the bottom bar. Pick one to see your palettes transform in real time.

## Change Color Blindness Mode from the Menu

Use the **Color Blindness** control in the bottom bar to switch between Normal, Protanopia, Deuteranopia, Tritanopia, and Achromatopsia.

<img className="block h-auto w-full rounded-2xl dark:hidden" src="https://mintcdn.com/sip/icyWN0-XMtmJqBhu/_images/pages/color-blindness/color-blindness-menu-light@2x.png?fit=max&auto=format&n=icyWN0-XMtmJqBhu&q=85&s=66250b2622f9012930d42e2645c9aaaa" alt="color-blindness-menu" width="1400" height="2000" data-path="_images/pages/color-blindness/color-blindness-menu-light@2x.png" />

<img className="hidden h-auto w-full rounded-2xl dark:block" src="https://mintcdn.com/sip/icyWN0-XMtmJqBhu/_images/pages/color-blindness/color-blindness-menu-dark@2x.png?fit=max&auto=format&n=icyWN0-XMtmJqBhu&q=85&s=cb479dd85eb52ee99c0aad691d511e5b" alt="color-blindness-menu" width="1400" height="2000" data-path="_images/pages/color-blindness/color-blindness-menu-dark@2x.png" />

## Change Color Blindness Mode from the Main Window

In the Main Window, use the **Color Blindness** control in the bottom bar to preview how your colors appear to users with different types of vision.

<img className="block h-auto w-full rounded-2xl dark:hidden" src="https://mintcdn.com/sip/icyWN0-XMtmJqBhu/_images/pages/color-blindness/color-blindness-main-light@2x.png?fit=max&auto=format&n=icyWN0-XMtmJqBhu&q=85&s=99a7bffd34405e8201b8a63d730b8615" alt="color-blindness-main" width="3000" height="2000" data-path="_images/pages/color-blindness/color-blindness-main-light@2x.png" />

<img className="hidden h-auto w-full rounded-2xl dark:block" src="https://mintcdn.com/sip/icyWN0-XMtmJqBhu/_images/pages/color-blindness/color-blindness-main-dark@2x.png?fit=max&auto=format&n=icyWN0-XMtmJqBhu&q=85&s=5a6a60febcab9abefb5c87f6e8390913" alt="color-blindness-main" width="3000" height="2000" data-path="_images/pages/color-blindness/color-blindness-main-dark@2x.png" />

## See Color Blindness Preview in the Picker

When you select a simulation mode, the Color Picker updates in real time to reflect the chosen mode, such as Tritanopia. This helps you preview and validate your color choices for accessibility.

<img className="block h-auto w-full rounded-2xl dark:hidden" src="https://mintcdn.com/sip/icyWN0-XMtmJqBhu/_images/pages/color-blindness/color-blindness-picker-light@2x.png?fit=max&auto=format&n=icyWN0-XMtmJqBhu&q=85&s=2a94d77553eb920242156623d6dc064d" alt="color-blindness-picker" width="1200" height="520" data-path="_images/pages/color-blindness/color-blindness-picker-light@2x.png" />

<img className="hidden h-auto w-full rounded-2xl dark:block" src="https://mintcdn.com/sip/icyWN0-XMtmJqBhu/_images/pages/color-blindness/color-blindness-picker-dark@2x.png?fit=max&auto=format&n=icyWN0-XMtmJqBhu&q=85&s=5184fed8a37ba5a8061fcb329cb16cfd" alt="color-blindness-picker" width="1200" height="520" data-path="_images/pages/color-blindness/color-blindness-picker-dark@2x.png" />

<Tip>Combine simulation with contrast checking for a full accessibility audit!</Tip>
