Live Interactive Demo Model
Color Palette & Contrast Checker
A color palette generator that calculates AA/AAA contrast ratios for text and background combinations.
0
React 19 Practice Workbench
Acceptance Criteria
Calculating color luminance and contrast formulas in TypeScript
Rendering live contrast badges (Pass AA, Pass AAA, Fail)
Generating harmonic complementary color swatches
Target APIs & Concepts
Color MathWCAG Relative LuminanceCopy Hex Values
Ready to code this yourself? Switch to the Candidate Code Studio to write your implementation in React 19 and run automated test evaluations!