This is a read-only archive of the Framer Community on Facebook.

What is Framer? Join the Community
Return to index
Andrew Nalband
Posted Jul 14 - Read on Facebook

I just built this little color picker component for a desktop prototype I'm working on, and I thought it might be useful for some other folks:


Andrew Nalband

Heavily inspired by Framer's native color picker in the design view. ;)

Lukas Guschlbauer

Sweet! Put it on github! ;)

Grzegorz Róg


Rolando Pdl


Andrew Nalband

Thanks, Grzegorz Róg and Rolando Pdl!

Andrew Nalband

The tricky part of making this thing work was figuring out how to map the lightness values so that they can be 100 in the top left, 50 in the top right, and 0 on the bottom left and right

Paul Kooi

This is awesome Andrew Nalband
Would you consider recording a code breakdown / walkthrough and talk about how you worked your way through this problem for newer folks like me? I think it would be very helpful for a lot of folks

Andrew Nalband

Paul Kooi yeah, I could do that.

Jordan Robert Dobson

Yeah in a few places I was like where the hell did you come up with that number from. You should def places those in a variable with a somewhat descriptive name.

All that said amazing work!

Andrew Nalband

Jordan Robert Dobson good point! I'll have to do that when refactoring.

Read the entire post on Facebook