🎓 Ages 15–18 · Grades 9–12 · Visual Arts & Design

HueForge

Colour looks like taste, but it runs on math. Here you predict a harmony or which pairing reads clearest, and a real colour engine computes the exact hue rotation and contrast ratio right on your device to check you. Real complementary/analogous/triadic harmonies and real WCAG contrast; a wrong guess is the fastest way to see where colour behaves differently than it looks.

The Color Lab ★ the main event

Predict a harmony colour or which pairing reads with more contrast, then the lab computes the exact hue rotation and WCAG contrast ratio — on your device, no cloud. The engine is exact, so a missed prediction is just where colour surprises you.

Open the Color Lab →

Who you’ll meet

Not mascots — working designers, each showing a single idea in action. You’ll run into them across the kits and the lab.

  • Iris — reads a colour as hue, value, and saturation (the three dimensions)
  • Ravi — rotates the wheel to build complementary, analogous, and triadic harmonies
  • Nova — sets a luminance gap so text stays readable (contrast & WCAG)
  • Bex — guides the eye with hierarchy and emphasis (what to see first)
  • Cole — aligns and groups elements so a layout feels ordered (alignment & proximity)
  • Suki — balances visual weight across the composition (balance)
  • Milo — uses empty space on purpose (negative space)
  • Dara — sets type for tone and legibility (typography)
  • Fen — structures a page on a grid (layout & grid)
  • Prof. Adeyemi — the mentor — predict the relationship, compute it, then reconcile

Check what you know

Sixteen short kits — hue/value/saturation, the colour wheel, harmonies, warm/cool, contrast, balance, hierarchy, alignment, rhythm, negative space, scale, perspective, typography, grids, and composition critique — anchored to visual-arts design. Hints when you want them; your progress stays on this device.

1. Hue, Value & Saturation The three properties of color · 20 questions 2. The Color Wheel How colors relate around the wheel · 20 questions 3. Color Harmonies Building effective color schemes · 20 questions 4. Color Relativity & Contrast How context changes how we perceive color (Albers) · 20 questions 5. Warm, Cool & Color Temperature How color temperature shapes mood and space · 20 questions 6. Balance Distributing visual weight in a composition · 20 questions 7. Visual Hierarchy & Emphasis Guiding the viewer's eye to what matters most · 20 questions 8. Contrast Using difference to create interest and clarity · 20 questions 9. Alignment, Proximity & Gestalt How arrangement creates order and grouping · 20 questions 10. Repetition & Rhythm Creating unity and movement through repeated elements · 20 questions 11. Negative Space & Figure-Ground The power of empty space · 20 questions 12. Scale & Proportion Relative size and pleasing proportional relationships · 20 questions 13. Perspective & Depth Creating the illusion of 3D space on a 2D surface · 20 questions 14. Typography Type anatomy, classification, and pairing · 20 questions 15. Layout & Grid Organizing content with structure · 20 questions 16. Composition Critique Capstone Integrating all design principles to evaluate work · 20 questions

How it works

HueForge trusts your eye and sharpens it with the math underneath — harmonies are hue rotations and contrast is a precise luminance ratio, and a wrong prediction is just a place to learn. The Color Lab is a small, exact engine: no server, nothing sent anywhere. Your progress is saved only on this device: no accounts, no ads.

Mixed practice — revisit what you've learned A short round that shuffles questions across the kits you've played, brought back when they're ready to review (spaced out so it sticks).