Read a Color in SCS
Interactive reading of a color in ℓRGB / simplex terms, with luminance, chromatic direction, and saturation controls.
This page gathers the SCS demonstration modules and the public saturation study in one place.
Use this page as a simple entry point. The nine modules are local HTML demos. The saturation study opens the public study page hosted online.
Interactive reading of a color in ℓRGB / simplex terms, with luminance, chromatic direction, and saturation controls.
Demonstration of a high-contrast sunset scene to compare HSL and SCS, with local structure and budget reading.
Comparison between HSL uniform saturation boost and radial SCS boost on the γ-weighted simplex, focused on preserving complexion and chromatic direction.
Load an image and move it along a global luminance / saturation balance axis, with optional protections for sensitive regions.
Compare a classical highlight compression with an SCS approach that tries to preserve the chromatic identity of bright regions.
Compare a classical cast correction with an SCS version that tries to neutralize the global cast while preserving local chromatic coherence.
Compare a classical grayscale conversion with the SCS version that translates chromatic structure into tonal separation via S·cos(θ) offset.
Visual and mathematical demonstration of why SCS separates shadow detail that CIELAB compresses — dark-region ladder, sensitivity curves, and the r = 0.625 vs 0.558 benchmark on COMBVD.
Three comparisons with OkLab (the modern perceptual space of CSS Color 4): interpolation rails, the S + L = log 3 sum rule that SCS has and OkLab doesn't, and the CIELAB / OkLab / SCS luminance curves overlaid.
Open the online study to participate in the saturation experiment and access the dedicated study interface.