Key Light 💡

Simulate the experience of having a key light with variable color temperature via the browser.

The problem 👎

Video conferencing with large monitors and light-colored apps are a recipe for washed out faces in web cams. This tool can help balance that out by simulating different color temperatures

How to get started 🚀

1️⃣ Visit keylight.alexlehner.com

2️⃣ Select a temperature that matches your time of day

3️⃣ Make your browser fill your screen

4️⃣ If needed, overlay any windows or apps in the middle.

What's a key light? 🔑

MasterClass has a good article for you on key lights.

Development ⚛️

To run this locally, you'll want git, node, and npm already installed. Then, clone the repo:

git clone https://github.com/alexlehner/key-light.git

Enter the directory and install dependencies

cd key-light && npm i

Then get the dev server running. This'll launch a web browser at http://localhost:3000.

npm start

Colophon

The site was built with Create React App and TypeScript. It is hosted on Netlify. Having a problem with the site or the content? Ping me on Twitter @AlexJLehner or file a GitHub issue.