Tonal
A photo palette with contrast checks.
Who it is for
Designers who take colours from a photograph and need to know whether they work for an interface.
What it does
Finds the dominant colours, rates contrast against WCAG and shows how they behave in interface roles: text, secondary text, accent and text on accent, in light and dark.
What you get
CSS variables (including interface roles) and a JSON palette.
Limits
Automatic role assignment is a starting point; check the final theme on real screens.
Other projects
- LevelSeedRepeatable game maps from a seed.
- Pathfinding VisualizerCheck that a level's exit and required rooms are reachable.
- BranchbookAn interactive lighthouse story with 8 endings.
- Photo TerrainTurn a photo or sample into a relief blank.
- Exposure LabAn exposure calculator with a test scene.
- Pixel Animation StudioA pixel animation editor with GIF export.
- Silva · Plant GrowthPlant growth variants for a scene or a plot.
- WaymarkRoutes that account for steps, slopes and crossings.
- WaterlineA teaching model of rain, tide and coastal protection.
- MendbookA passport for your belongings: purchases, warranties, repairs.
- SlatehouseA shooting day: scenes, light, moves and call times.