Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →hashgraph-online/color-math-accessibility
Calculate, review, and generate web color systems using RGB, HSL, LAB, OKLCH, contrast ratios, luminance, opacity, blend modes, and light/dark mode transformations.
Passed 0 of 23 test cases with the skill, and 23 of 23 without it.
0 fixed19 passed either way1 still failing3 broke
Tokens, turns and time describe resource use, not a dollar price.
The instructions your model reads when the skill loads.
Use this skill when colors need to be explainable, accessible, and reproducible. It focuses on color math that affects real UI outcomes: contrast, palette relationships, perceptual lightness, opacity, and blending.
guidelines.md to select the smallest relevant file set.references/color-systems/rules.md for implementation decisions.references/color-systems/examples.md when editing code.workflows/audit-color-system.md for multi-step derivation or debugging.| Resource | Purpose |
|---|---|
guidelines.md | Routes tasks to the right reference files |
references/source-map.md | Book source and chapter/section traceability |
references/color-systems/knowledge.md | Core concepts and terminology |
references/color-systems/rules.md | Practical rules, guidelines, and exceptions |
references/color-systems/examples.md | Bad/good examples and refactoring approach |
references/color-systems/patterns.md | Reusable formula and implementation patterns |
references/color-systems/checklist.md | Review checklist and red flags |
workflows/audit-color-system.md | Step-by-step workflow |
Derived from Math for Web Design by Paul McFedries, Chapter 7: The mathematics of color.
Citations are tracked in references/source-map.md.
test cases passed, vs 23 / 23 without
More skills from the same source and nearby in the registry, with their headline benchmark lift.