Product definition
Scoped color accessibility into a one-day utility centered on one decision: can this foreground be read on this background?
Open Source / Accessibility / Daily Build
Accessible Palette
/ Overview
A dependency-free color contrast checker with AA/AAA results, a live interface preview and a suggested foreground for failing text pairs.
A color pair can look readable while still falling just below an accessibility threshold, making visual judgment unreliable for interface decisions.
/ Provided servicesClear thinking.
Clear thinking.
Practical delivery.
Interface design
Created a responsive neo-brutalist workspace with synchronized color inputs, a practical preview and clearly separated pass or fail states.
Engineering
Separated normalization, luminance, contrast classification and suggestion logic into testable JavaScript modules.
/ Solution
I built a local browser tool that calculates sRGB relative luminance and contrast, reports common text and UI thresholds, previews the pair in context and suggests the nearest adjusted foreground that reaches normal-text AA.
/ Impact
Exact contrast ratio and threshold results
Seven passing color-math tests
Local processing with no uploads
Responsive keyboard-friendly controls
JavaScript modules
Pure functions for hexadecimal normalization, sRGB luminance, contrast ratios, threshold classification and color suggestions.
HTML & CSS
Semantic form controls, live status feedback, responsive layouts and a dependency-free visual system.
Node test runner
Seven tests covering shorthand colors, RGB conversion, luminance endpoints, ratio symmetry, thresholds and suggestions.