About color-math-accessibility
A reference skill for applying color mathematics to accessible and reproducible UI decisions. It guides designers and developers through contrast, palettes, perceptual lightness, opacity, and blending using rules, examples, and an audit workflow.
Key features
- 01Guidance for selecting references
- 02Color-system rules and exceptions
- 03Worked examples and refactoring guidance
- 04Reusable formulas and patterns
- 05Step-by-step color audits
Use cases
- 01Checking UI color contrast
- 02Deriving relationships across a palette
- 03Debugging opacity or blending outcomes
- 04Reviewing a color system against a checklist
Install
Copy the command and run it in a terminal.
npx skills add https:/After installing, type/color-math-accessibilityin Claude Code to confirm it loaded.
Bundled files
References and scripts installed along with SKILL.md.
guidelines.mdagents/openai.yamlreferences/source-map.mdreferences/color-systems/checklist.mdexamples.mdknowledge.mdpatterns.mdrules.mdworkflows/audit-color-system.mdDetails
From the project READMEColor Math Accessibility
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.
Quick Start
- Read
guidelines.mdto select the smallest relevant file set. - Load
references/color-systems/rules.mdfor implementation decisions. - Load
references/color-systems/examples.mdwhen editing code. - Use
workflows/audit-color-system.mdfor multi-step derivation or debugging.
Contents
| 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 |
Source
Derived from Math for Web Design by Paul McFedries, Chapter 7: The mathematics of color.
Citations are tracked in references/source-map.md.