RGB stands for Red, Green, Blue. It is the colour system used by screens, where colours are created by mixing red, green, and blue channels.

HSL stands for Hue, Saturation, and Lightness. It describes colour in a way that is often easier for humans and designers to adjust visually.

Why are some colours hard to remember?

Humans usually remember general hue, brightness, and association, but not exact shades. Memory fades quickly, especially when colours are similar.

How does colour blindness affect games and UI?

Colour blindness can make certain colour pairs harder to distinguish. Good games and interfaces use brightness contrast, labels, and shapes instead of relying on colour alone.

Why does UI colour contrast matter?

Contrast matters because readable buttons, labels, and text are more important than decorative colour choices. A beautiful interface fails if users cannot distinguish its content.

Colour Knowledge

A quick guide to the colour systems, perception traps, and tiny brain betrayals behind Guess the Colour.

RGB vs HSL RGB and HSL describe the same world from different angles: one is built for screens, the other is easier for humans to think with.

FAQ rich snippets This knowledge page uses FAQPage schema so search engines can understand questions about RGB vs HSL, colour blindness, UI colour questions, and colour memory. When supported, FAQ rich snippets can show useful dropdowns directly in search results.

What is RGB? RGB = (R, G, B). RGB stands for Red, Green, Blue. It is the colour system used by screens, monitors, TVs, and phones. Every colour is created by mixing different amounts of red, green, and blue. Each channel usually ranges from 0 to 255. Examples: rgb(255, 0, 0) = pure red. rgb(0, 255, 0) = pure green. rgb(0, 0, 255) = pure blue. RGB is great for computers, but not very intuitive for humans.

What is HSL? HSL = (Hue, Saturation, Lightness). HSL describes colour in a way that matches how humans think about it. Hue is the actual colour, like red, blue, or green. Saturation is how vivid or dull the colour is. Lightness is how bright or dark it appears. Examples: hsl(0, 100%, 50%) = pure red. hsl(240, 100%, 50%) = pure blue. Designers often prefer HSL because it is easier to adjust visually.

Why RGB and HSL matter in games RGB changes numbers directly. HSL changes perception directly. That is why HSL-based colours are often easier for humans to compare, remember, and guess.

How humans remember colour Humans are surprisingly bad at remembering exact colours. We usually remember general hue, brightness, and emotional association, but not precise shades. Most people can remember "blue". Very few can remember the exact blue from a logo or website. Colour memory also fades quickly after a few seconds, after distraction, and when similar shades appear nearby. This is why colour guessing games become difficult fast.

Colour perception Colour is not just physics. It is interpretation by the brain. Two people can look at the same colour and perceive it differently because of lighting, surrounding colours, screen calibration, eye sensitivity, and age. The brain constantly adjusts colours automatically. That is why a gray square can look blue on one background, and identical colours can appear different side by side. This effect is called simultaneous contrast.

Colour blindness Colour blindness affects how people distinguish certain colours. The most common forms are red-green colour blindness and blue-yellow colour blindness. Most colour-blind people still see colour, just differently. Examples: red and green may appear similar, purple and blue can merge together, and low-contrast shades become difficult to separate. Good games and UI design should avoid relying on colour alone, use brightness contrast, and include labels or shapes.

Best colours for UI design Good UI colours are readable, consistent, and emotionally clear. Common UI choices: blue = trust and calm. Green = success and confirmation. Red = warning and danger. Orange = action and energy. Purple = creativity. Gray = neutral backgrounds. Important rule: contrast matters more than beauty. A beautiful UI becomes unusable if text and buttons are hard to distinguish.

Famous colour palettes Some palettes became iconic because they are balanced and memorable. Popular examples: Spotify = green and black. IKEA = blue and yellow. Nintendo = red and white. Google = primary RGB colours. Vaporwave = pink, cyan, and purple. Good palettes usually combine contrast, emotional consistency, and a limited colour count. Most strong palettes use 2 to 5 primary colours, one accent colour, and neutral backgrounds.

Why some shades are hard to distinguish Some colours are naturally difficult for humans to separate. This happens when hues are very close together, brightness is similar, or saturation is low. Hard combinations include dark blue vs dark purple, gray vs slightly blue-gray, and lime vs yellow-green. The brain notices brightness differences first, saturation differences second, and tiny hue differences last. That is why subtle shades become difficult in memory and guessing games. It is also why professional designers zoom out and test colours in grayscale when checking usability.

Play Scoring