Color Palette Generator
Design custom color palettes, generate matching harmony modes, and inspect WCAG reading contrast ratios.
Knowledge Base & Educational Companion: Color Theory & Screen Readability Standards
Digital displays compile colors using active red, green, and blue light (RGB). Modern UI design demands both pleasant aesthetic color harmony and scientific, high-contrast visual safety.
1. Harmonies & Geometric Relationships
Harmony calculations determine relationship rules on the 360-degree color wheel. Analogous coordinates reside adjacent (30 degrees apart), Complementary lines face directly opposite, and Triadic routes divide the wheel into thirds.
2. WCAG Contrast Rules
The Web Content Accessibility Guidelines (WCAG) dictate that text must provide a contrast ratio of at least 4.5:1 against the background (AA level) or 7:1 for absolute crisp reading clarity (AAA level).
3. Generating Lightness Scales
Professional design systems (like Material Design or Tailwind) make extensive use of 10-tier scales (from 50 to 950). We calculate mathematical luminance shifts to prepare reliable component style constants.