K

COLOR THEORY 101

← All colour tools

Every colour can be described by three dials: hue (which colour), saturation (how vivid), and lightness (how bright). Move the sliders and watch all three at once.

hsl(45 85% 55%) · #f2c230
Warm vs cool
WARM

Reds, oranges, yellows. They advance — feel energetic, close, cosy. KullGames gold lives here.

COOL

Blues, greens, violets. They recede — feel calm, distant, serious. KullGames indigo lives here.

The three dials

Hue

Position around the wheel, 0–360°. Red 0, green 120, blue 240.

Saturation

Grey at 0%, full intensity at 100%. Lower it for calm, muted palettes.

Lightness

Black at 0%, white at 100%. The middle is where colour is most vivid.

Rule of thumb: pick one hue you love, then build a palette by changing only saturation and lightness. It's almost impossible to make that look bad.

Further reading — the science behind the dials
Colour theoryWikipedia HSL & HSV modelsWikipedia Colour temperature (warm / cool)Wikipedia Colour psychologyWikipedia