DEV Community

Cover image for Colors are Math: How they match — and how to build a Color Picker

Colors are Math: How they match — and how to build a Color Picker

Mads Stoumann on March 20, 2021

Why do some color-combinations look better than others? Spoiler: it involves math. The other day, I wrote about the Color Theme Tool on my new web...
Collapse
 
chiefmikek profile image
GSMC Mike A. Kouklis USN-Retired

15x24_div+screenshot.png (1280×572)
I wish there was degree markings on the color wheel at 120°/180° and hue picker strip

Collapse
 
madsstoumann profile image
Mads Stoumann

Good idea!

Collapse
 
samuelkarani profile image
Samuel Karani

looks good

Collapse
 
ra1nbow1 profile image
Matvey Romanov

Pretty useful, thanks

Collapse
 
madsstoumann profile image
Mads Stoumann

Thanks!

Collapse
 
iftekhs profile image
iFTekhar

Awesome keep it up.🔥

Collapse
 
madsstoumann profile image
Mads Stoumann

Thank you!

Collapse
 
jayjeckel profile image
Jay Jeckel

Awesome article, very thorough.

Collapse
 
madsstoumann profile image
Mads Stoumann

Thank you!

Collapse
 
eljayadobe profile image
Eljay-Adobe

Fun article!

I was happy to see the Photoshop reference. :-)

Collapse
 
madsstoumann profile image
Mads Stoumann

Thanks!

Collapse
 
kevinhickssw profile image
Kevin Hicks

This is an interesting approach on how to pick matching colors. I've never heard of it described this way and it's helpful for someone like me who is more technical than creative.

Collapse
 
madsstoumann profile image
Mads Stoumann

I like how we can use math to calculate colors, and physics (wavelengths and eV) to determine the energy consumed by different colors on our devices!

Collapse
 
jeferson_sb profile image
Jeferson Brito

wow that's impressive!

Collapse
 
madsstoumann profile image
Mads Stoumann

Thanks!

Collapse
 
devggaurav profile image
Gaurav

This is amazing!

Collapse
 
madsstoumann profile image
Mads Stoumann

Thanks!