Skip to content


Repository files navigation



How it works

It uses ChatGPT API to generate color name from color hex. By using web video API navigator.getUserMedia, we can capture color from real-world in real-time.

Running Locally

Cloning the repository the local machine.

git clone

Creating a account on OpenAI to get an API key. Go to to make an account. Copy your API Key and paste in the app.

Installing the dependencies.

pnpm i

Running the application.

Then, run the application in the command line and it will be available at http://localhost:3000.

pnpm dev

Deploy your own

Deploy the example using Vercel or preview live with StackBlitz

Deploy with Vercel