b2KIT

Color Blindness Simulator

Simulate how colors appear to people with various types of color vision deficiency.

How to Use Color Blindness Simulator

  1. 1

    Upload an image

    Select an image or enter colors to test for color blindness.

  2. 2

    Choose a type

    Select protanopia, deuteranopia, tritanopia, or other vision types.

  3. 3

    Compare the results

    View side-by-side how your design looks with different color vision.

Related Tools

Color Picker + HEX/RGB/HSL/CMYK

Pick colors visually and convert between HEX, RGB, HSL, and CMYK formats.

Print Color Preview

Preview how screen colors translate to print with CMYK simulation and proofing.

Font Preview Tool

Preview any Google Font at various sizes, weights, and with custom sample text.

CSS Gradient Generator

Create linear, radial, and conic CSS gradients with a visual editor and code output.

Color Palette Generator

Generate harmonious color palettes from a base color using color theory rules.

Box Shadow CSS Generator

Design box shadows visually with multiple layers and copy the CSS code.