Media Mode Comparison
Compare luminance algorithms for detecting dark vs light surfaces. Used by useImageMode + MediaTheme to adapt overlaid controls.sRGB linearization + perceptual power curve (Y^0.56), threshold 0.5. Best mid-tone discrimination. Targeting WCAG 3.
Solid Colors
black
0.000 → dark
white
1.000 → light
red
0.420 → dark
green
0.829 → light
blue
0.229 → dark
yellow
0.959 → light
cyan
0.875 → light
magenta
0.495 → dark
mid-gray
0.396 → dark
dark-gray
0.156 → dark
light-gray
0.683 → light
orange
0.651 → light
navy
0.091 → dark
forest
0.236 → dark
maroon
0.166 → dark
teal
0.346 → dark
Real Images
Samples the upper-right corner where a remove button would sit. Switch algorithms above; images re-detect with the selected algorithm.
forest
detecting…
laptop
detecting…
clouds
detecting…
water
detecting…
door
detecting…
bones
detecting…
road
detecting…
puppy
detecting…