Pure JS HSLA & RGBA Color Picker

2 posts Page 1 of 1
Contributors
User avatar
mikethedj4
VIP - Site Partner
VIP - Site Partner
Posts: 2592
Joined: Thu Mar 25, 2010 4:36 am

Pure JS HSLA & RGBA Color Picker
mikethedj4
My fiddle - http://jsbin.com/noxe/1/edit

So today I was searching for an open source rgba color picker and I've came across a lot, but most haven't met my needs being small compact yet easy to use. I came across this one, which is great as it supports opacity, but when I tried it on my tablet it didn't work. I decided I wanted to try and make one myself, and in order to do this I have to further explore on how colors are generated.

Before I go any further while looking for tutorials on how to make a custom hue color picker. I didn't have any luck, but I did come across some nice resources as well as this pure js color picker. (Here's another, more stylish and user friendly one)

In addition here's a tutorial to understand HSLA a bit better.
It's important to note that most browsers by default render colors using the rgb color value.

Here's my experiment - http://codepen.io/mikethedj4/pen/ELcpg

I plan on experimenting with this more. My plan is to make a color picker similar to jquery minicolors that'll work for touch devices as well being small & compact.
User avatar
smashapps
Coding Guru
Coding Guru
Posts: 961
Joined: Tue Apr 05, 2011 8:41 am

Wow that's awesome #mikethedj4 nice work
My name is Tom | Visit my blog where I post new content every day! Tom's Daily Blog | MineCraft is awesome!
2 posts Page 1 of 1
Return to “Tutorials”