• Top Members
    Reps
    Posts
  • 834 Replies
    2585 Replies
  • 716 Replies
    2026 Replies
  • 331 Replies
    1928 Replies

Pure JS HSLA & RGBA Color Picker

User avatar
mikethedj4
VIP - Site Partner
Posts: 2593

Pure JS HSLA & RGBA Color Picker

Sun Feb 09, 2014 4:41 am

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.
Image

User avatar
smashapps
Coding Guru
Posts: 961

Re: Pure JS HSLA & RGBA Color Picker

Sun Feb 09, 2014 4:45 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!

Post Reply

Return to “Tutorials”