What it does

Color Chart is a fullscreen palette explorer: it turns one or more base colors into a grid of related shades, then lets you move around the chart (pan and zoom) to evaluate the palette as a system.

How to use it

• Open the tool: /tools/color-chart.html
• Pan: drag the background (or use arrow keys / on-screen arrows)
• Zoom: mouse wheel / trackpad scroll, or + / - (or the on-screen + / − buttons)
• Reset: 0 (or the reset button)

URL palettes (?c=)

You can generate a chart from a specific palette without editing the tool:

• Built-in palette: https://tedt.org/tools/color-chart.html?c=teds
• Comma-separated hex: https://tedt.org/tools/color-chart.html?c=%2300a9e0,%23101820,%23fed141

Notes

• Full usage docs live here: A Color Chart You Can Move Around
• The tool is intentionally self-contained (single HTML file) so it can be copied/modified easily.