---
title: A Proof-of-Concept Photo Colour Grader
description: A web UI experiment for selecting colours and transforming nearby ranges based on colour distance.
date: 2026-04-30
projectPeriod: 'June 2018'
thumbnail:
  src: ./_assets/photo-colour-grader.jpg
  alt: Screenshot of a photo colour grading interface.
tags: ['graphics', 'web', 'tools']
selected: false
project: colors
role: Interface and image processing author
stack: ['JavaScript', 'Canvas', 'Image processing']
outcome: A proof-of-concept colour grading interaction model
audience: technical
links: []
---

This was an innovative, or at least I thought so at the time, colour grader web application.

The most noteworthy feature of the application was the colour selector UI. The program was only intended as a proof-of-concept. I wanted to experiment with a few interaction ideas, and this was the outcome.

The core idea was that you could select some colours and then apply transformations to other colours as a function of their distance to the selected colour.

By clicking on a coloured circle, you could change its settings. New circles could be created by clicking inside the large circle, and they could also be moved with drag and drop.
