Color Distance Test

Check your screen, display, or monitor's ability to distinguish similar colors.

Color Distance Calculator

Compare two colors and calculate their distance using various color difference formulas.

Color 1

Color 2

Color Distance Results

Color 1
Color 2
RGB Distance (Euclidean) 51.0
Similarity Score 80%

Red Scale Test

Can you distinguish all shades of red? Poor displays may show banding.

1
2
3
4
5

Green Scale Test

Can you distinguish all shades of green? Poor displays may show banding.

1
2
3
4
5

Blue Scale Test

Can you distinguish all shades of blue? Poor displays may show banding.

1
2
3
4
5

How to Test Color Distance

  1. Use the Calculator: Input two colors to see how different they are mathematically.
  2. Visual Comparison: Look at the side-by-side comparison to see if you can distinguish the colors.
  3. Scale Tests: Check if you can see all distinct steps in the color scales.
  4. Calibrated Display: For accurate results, ensure your display is properly calibrated.

Understanding Color Distance

  • RGB Distance: The Euclidean distance between two colors in RGB color space.
  • Similarity Score: A percentage indicating how similar two colors are (100% = identical).
  • Color Banding: Visible steps between colors instead of smooth gradients, indicating poor color depth.
  • 8-bit vs 10-bit: 10-bit displays can show more colors and smoother gradients than 8-bit.