u/lilBunnyRabbit

I wanted to learn color properly (all the models and everything that comes with them) and ended up trying to design my own "brand" color scheme. I'm a dev, so instead of manually defining colors I started writing colors as relationships - create one, pull parts of it into the others:

brand  = hex("#6c5ce7")
accent = brand.hsl.rotateHue(180)
muted  = HSL(brand.h, brand.s, 0.4)

Change brand and the rest updates with it. It also does live UI previews, contrast/accessibility checks, and exports.

For now it's more of a collection of my ideas than a finished tool. I'll probably rebuild it on a proper library later (that was always the end goal).

Would anyone actually define colors this way, or do you just go by eye and check contrast at the end? I can't tell if it's useful for anyone else. Thanks!

Link: https://lilbunnyrabbit.github.io/chromatics/