Color 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.
Source: hashgraph-online/awesome-codex-plugins → plugins/LVTD-LLC/skills/skills/color-math-accessibility/SKILL.md