The Color Blindness Simulator helps you preview your board game designs as they would appear to people with different types of color vision deficiencies. This ensures your game is accessible and enjoyable for everyone.
Also, the Inclusive Color Palettes Tool helps you preview and adjust your color choices to ensure your designs are accessible to people with various types of color blindness.
Test Your Game Component, Board, or Artwork
Step 1: Navigate to the Simulator
Log in to your Boardssey account.
Select the appropriate team workspace from your dashboard.
In the sidebar or navigation menu, go to Tools.
Click on Color Blindness Simulator.
Step 2: Upload or Select Your Design
If the tool allows you to upload images:
Click the Upload button.
Select the image file of your game component, board, or artwork from your computer.
Wait for the upload to complete; your image will appear in the preview area.
If the tool integrates with your existing game assets:
Choose a game or asset from the provided list.
Select the specific image or component you want to test.
Step 3: Choose a Color Blindness Type
The simulator typically offers several types of color vision deficiencies, such as:
Protanopia (red-blind)
Deuteranopia (green-blind)
Tritanopia (blue-blind)
Achromatopsia (total color blindness)
Select the type you want to simulate by clicking the corresponding button or dropdown option.
Step 4: View the Simulation
The tool will process your image and display a preview of how it appears to someone with the selected type of color blindness.
You can switch between different types to compare how your design looks under each condition.
Step 5: Adjust and Iterate
Review the simulated images carefully:
Check for elements that become indistinguishable or hard to read.
Pay attention to color-coded information, icons, and text contrast.
If you notice accessibility issues, return to your design tool to adjust colors, contrast, or add patterns/symbols for clarity.
Step 6: Repeat as Needed
Test all key components of your game, including boards, cards, tokens, and player aids.
Use the simulator throughout your design process to ensure ongoing accessibility.
Tips for Best Results
Use high-resolution images for accurate simulation.
Test all major game elements, especially those that rely on color to convey information.
Combine color with symbols or patterns to maximize accessibility for all players.
Start With Inclusive Color Palettes Tool
This tool helps you create a color palette that is accessible to people with various types of color blindness. Follow these steps to build your palette and preview how it will appear to users with different types of color vision.
Here’s how you can use it:
1. Open the Color Blindness Simulator
Navigate to the Tools section in your workspace.
Select Color Blindness Simulator from the available tools.
2. Open the Color Palette Dialog
Inside the simulator, look for a button or menu labeled Inclusive Color Palette or similar and click on Choose Colors.
Click on it to open the Color Blind Friendly Palette.
3. Understand the Palette Categories
You’ll see several color categories:
Neutral (up to 4 colors)
Warmer (pick 1)
Soft (pick 1)
Deep (pick 1)
Bright (pick 1)
Each category contains a set of color swatches.
4. Select Your Colors
Neutral: You can select up to 4 colors from this category. Click on the swatches to add them to your palette.
Other Categories: For Warmer, Soft, Deep, and Bright, you can select one color from each. Click on your preferred swatch in each row.
As you select colors, the number of selected colors will update below the preview area.
5. Preview Your Palette
On the right side, you’ll see a Preview section.
By default, it shows how your palette looks with normal vision.
You can switch between tabs (Normal Vision, Protanopia, Deuteranopia, Tritanopia, Achromatopsia) to see how your selected colors will appear to people with different types of color blindness.
6. Copy Your Palette
Once you’re satisfied with your selection, click the Copy Colors Info button.
This will copy the color information to your clipboard, so you can use it in your project or share it with others.
7. Tips
If you want to change a color, simply click a different swatch in the same category.
To deselect a color, click on the selected swatch again.
The tool ensures you don’t exceed the allowed number of selections per category.
That’s it! You’ve now created a color-blind friendly palette and can preview and share it with confidence that it will be accessible to a wider audience.