I've made a browser extension that shows you colors in a web page that are CSS variables, and lets you edit them live. It also have accessibility testing and you can generate new color palettes with AI. I posted a 40 second demo that shows the main features in action: https://x.com/jchetters/status/1804127628040802453 I made this for a few reasons: • Enhance my designing-in-code workflow. Chrome DevTools are decent but lack some features. • Test color contrast for accessibility while I edit colors. I sometimes want to nudge the lightness of colors and see how my site will look and if colors are passing accessibility guidelines at the same time. • Generate colors with AI / try out different colors easily. There are a lot of services for generating color palettes but you still some design skills to visualise how they'll look in your site. I wanted to inject them directly and see exactly how my site will look. TBH I'm not sure what the business model is yet. Given that my running costs are zero apart from my time and the potential market is huge, I'm just focusing on getting users currently. Let me have it...

Roast my AI browser extension for working with colors in CSS / WIP

Roast my AI browser extension for working with colors in CSS variables

I've made a browser extension that shows you colors in a web page that are CSS variables, and lets you edit them live. It also have accessibility testing and you can generate new color palettes with AI.

I posted a 40 second demo that shows the main features in action: https://x.com/jchetters/status/1804127628040802453

I made this for a few reasons:

Enhance my designing-in-code workflow. Chrome DevTools are decent but lack some features.
Test color contrast for accessibility while I edit colors. I sometimes want to nudge the lightness of colors and see how my site will look and if colors are passing accessibility guidelines at the same time.
Generate colors with AI / try out different colors easily. There are a lot of services for generating color palettes but you still some design skills to visualise how they'll look in your site. I wanted to inject them directly and see exactly how my site will look.

TBH I'm not sure what the business model is yet. Given that my running costs are zero apart from my time and the potential market is huge, I'm just focusing on getting users currently.

Let me have it...

Go to Homepage	`g` `h`
Go to Done Todos	`g` `d`
Go to Questions	`g` `q`
Compose a New Todo	`n`
Go to Search	`/`
Show this dialog	`?`

Roast my AI browser extension for working with colors in CSS variables

Keyboard Shortcuts