My color picker makes a return

[jkd]

Recently I've faced a surge of requests (well, relative to none :D) for my color picker script, which unfortunately no longer existed due to hard drive issues as well as server issues.
Even if it still existed in some form, it was so poorly coded I was actually pretty glad when it disappeared.

Anyway, I finally rewrote it, and added a bunch of features.

http://rdhtml.resource-locator.com/color.html

It works in Gecko and IE4+, though renders best in Gecko, but is in no means "poorly" rendered in IE - just missing a few CSS-based effects (well, a few minor misrenderings too - had to break my XHTML 1.0 compliance to make it acceptable in IE).

This time around, it supports RGB colors, hex colors, CMY colors, CMYK colors, and HSL colors. The HSL capabilities particularly make it easy to adjust colors imho. (If you understand what HSL is that is)

The B, i, and u buttons currently have no effect either, simply because I do not like my current panels interface, and don't want to get too attached to it.
If you can think of a superior UI, by all means let me know. If I incorporate any significant feature from someone else, you'll get a big fat juicy link at the top like Irid/Araich and Welo. :)

Also, any other feature in general you'd like implemented - let me know. I'd like for this to be a serious, useful online tool, and I by no means represent any set of designers :D. Input is good. :)

Thanks for any feedback, and I hope it is useful to someone. :)

P.S. Still crashes NS4 it seems. :D

[allida77]

That is an excellent tool. The one thing I see is color controls. If I click the web safe button is it turning the web safe colors on? How do I know if it is on or off.
The other thing is maybe a pallet with all the colors I currently have selected in my color pallet that way I can just cut and paste them all at once. This is a very useful tool for developers.

[jkd]

Originally posted by allida77
That is an excellent tool. The one thing I see is color controls. If I click the web safe button is it turning the web safe colors on? How do I know if it is on or off.
The other thing is maybe a pallet with all the colors I currently have selected in my color pallet that way I can just cut and paste them all at once. This is a very useful tool for developers.

Clicking the "To Websafe" button converts the active color to the nearest color on the 216 color palette, and applies it. You can often see the color change a shade or two when performing it.

As for a palette of used colors, that could be cool. Maybe a 25 color palette of current colors and recently used colors? I'll look into adding that, I can immediately see its uses. :)

[jkd]

A note to anyone interested - the UI has been redesigned. I'm still open to suggestions as well, lemme know your thoughts. :)

It also now validates to XHTML 1.0 transitional and CSS2, not to mention renders appropriately in IE. :)

[webmarkart]

Has to be the best one I've seen, props!

[allida77]

I like the new layout. I am currently trying to use the "color picker" and have a couple suggestions. When I enter my own hex colors there is no way for me to tell if they are web safe are not. The font size for "HTML hex :#666666" needs to be increased by maybe one point. I know I posted this before but, a pallet of current colors so I a can copy and paste would be very useful. I guess just a expanded select box would work so I can just click on multiple colors and copy an paste. The bgcolor and color radio buttons also stay selected when clicked,I could see this being confusing to some users.

[SYP}{ER]

There are two lightslategray and slategray colours in the select menu :)

There may be some reason, but I can't think of any. Those are the only two pairs I noticed, but there may be more.

Looks nice :)

lol, might use it instead of loading photoshop all the time :p

[totalhosting]

Howdy.

Interesting tool.

However, I may just be too tired to figure it out, but if I select a color, and then go to manully edit it using the + or - in the RGB it just pushes the current selection in the "recent Colors" section to the right, it doesn't replace it in the box that it currently occupies.

I think it would be more useful keeping the color selected static and then do a "variations" below it.

Also, there is no way to see the values of the "big" colors, nor is there a way to "capture" the "recent color" if you have one you like.

Otherwise, it's very nice.

Regards,

Pete

[Guardian23]

It's great, but even great things are open to suggestion, so:

Perhaps(just like an extra), you should consider altering the text
color within certain entries to white, although the color is obvious.
But like I said, just an extra.

Guardian

PS. Also may I suggest an event handler to support click-hold
combos?

[jkd]

Originally posted by Guardian23

PS. Also may I suggest an event handler to support click-hold
combos?

I suppose you mean on the color editor with the plus/minus buttons?

I'm in the process of writing a version using my DHTML slider bars which basically are just like a Windows OS slider widget, which should eliminate the current "clunkiness" of the editor. :)

[Guardian23]

Actually more in the lines of the:

 onmousedown
 onmouseup

event handlers, for the --continuous-- effect, ie:

 *user clicks*
 1*pause (perhaps with setTimeout, but probably with setInterval)*
 2,3,4,5...7...10...13...*continues scrolling(?right word?)*
 *user lets go*
 ...###....
 ###*stops (preferably with clearInterval)*

 Although now that you mention it, I suppose the buttons can be
improved upon too, I just took it for a browser problem.

 Guardian

[Celtboy]

..and thus we see what happens when a web programmer has too much free time.. (and not enough system resources to open PhotoShop or PSP ;) )

[jkd]

Originally posted by Celtboy
..and thus we see what happens when a web programmer has too much free time.. (and not enough system resources to open PhotoShop or PSP ;) )

1ghz and 256mb of ddr aren't enough for them? :D

How about, too poor to buy those proggies? ;)