SCSDemo Index

This page gathers the SCS demonstration modules and the public saturation study in one place.

Navigation

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.

01

Read a Color in SCS

Interactive reading of a color in ℓRGB / simplex terms, with luminance, chromatic direction, and saturation controls.

02

The Sunset Example

Demonstration of a high-contrast sunset scene to compare HSL and SCS, with local structure and budget reading.

03

Skin Tone Protection

Comparison between HSL uniform saturation boost and radial SCS boost on the γ-weighted simplex, focused on preserving complexion and chromatic direction.

04

Equilibrium

Load an image and move it along a global luminance / saturation balance axis, with optional protections for sensitive regions.

05

Highlight Color Preservation

Compare a classical highlight compression with an SCS approach that tries to preserve the chromatic identity of bright regions.

06

Color Cast Separation

Compare a classical cast correction with an SCS version that tries to neutralize the global cast while preserving local chromatic coherence.

07

Black & White from SCS

Compare a classical grayscale conversion with the SCS version that translates chromatic structure into tonal separation via S·cos(θ) offset.

08

SCS vs CIELAB — dark region

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.

09

SCS vs OkLab

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.

Study

Saturation Study

Open the online study to participate in the saturation experiment and access the dedicated study interface.