Skip to content Skip to a section
Color systems

Studio

Hue is a tool, not decoration — categorical, sequential and diverging scales for charts and ads. Work. legends, brand systems, accessible data color.

At a glance
Score intensity

Darker cells mean a higher score for this topic on that metric.

Last reviewed Sources & creditsMedia creditsMethodology

Quick answers

When should I pick Color systems?

When the story is: legends, brand systems, accessible data color.

When should I avoid Color systems?

Skip it in cases like: rainbow defaults, or encoding two quantities in one hue.

Who invented or popularised it?

Munsell 1905; Brewer palettes (1994–) for maps; OKLCH in modern CSS

What does it encode?

hue, value and chroma mapped to category or magnitude

Is it OK in ads?

Yes if one claim is visible at a glance in Meta, Google and retail print; otherwise link to a full figure.

Will a teacher accept it?

Yes for lab reports and poster boards if axes, units and a source line are present.

Start with this section - Studio

Color systems encodes values as hue, value and chroma mapped to category or magnitude. Munsell 1905; Brewer palettes (1994–) for maps; OKLCH in modern CSS.

In reports, ads and assignments it fits legends, brand systems, accessible data color. Skip it when rainbow defaults, or encoding two quantities in one hue.

Studio

Make shapes, diagrams and charts in the browser. Download SVG or PNG — nothing is uploaded.

Open studio → From a file Icons library

Work

Ads

School

Steps

  1. Steps 1 — Write the claim in one sentence.
  2. Steps 2 — Check that Color systems fits the claim. If not, switch.rainbow defaults, or encoding two quantities in one hue
  3. Steps 3 — Draw it flat in Excel or Google Sheets or PowerPoint.
  4. Steps 4 — Direct labels, faint grid, claim-title.
  5. Steps 5 — Check greyscale and a color-blind simulator.
  6. Steps 6 — Add source, period, units; export SVG/PDF.

Color systems: honour hue, value and chroma mapped to category or magnitude, and switch when rainbow defaults, or encoding two quantities in one hue.

← Mistakes Color systems Tools →