Search jQuery

jQuery Forum

How to convert from RGB to color name?

in Getting Started • 1 year ago

I'm new with jQuery and I've run into a snag.

I have css set up and <divs> to display a circle and two squares on the page. I wanted to have an alert provide the background color as well as a shape name. When I used the following code, I get back the RGB code:

$("div").click(function(){

if ($(this).attr("id") == "circle") {

alert("You have clicked a " + $(this).css("background-color") + " circle!");

} else {

alert("You have clicked a " + $(this).css("background-color") + " square!");

}

});

The alert says, "You have clicked a rgb(0, 128, 0) circle!"

Is there a way, given that I only have basic knowledge, to make it give its color name instead?

Thanks for the help.

Replies(7)

jakecigar

Re: How to convert from RGB to color name?

1 year ago

There is no easy way. Once you specify a color name the DOM converts it to an internal format. Usually rgb.

I have learned to love the rgb notation, I would never show it to the user. If you really need to show it to the user, start coding a massive table of color names, and parse the rgb. It’s going to be messy.

JΛ̊KE

jakecigar

Re: Re: How to convert from RGB to color name?

1 year ago

I found a library that converts for you. Name that Color - Chirag Mehta : chir.ag

JΛ̊KE

Steve Gar..

Re: How to convert from RGB to color name?

1 year ago

I was afraid of that. I did find that list of color names and their associated RGB triads... and I was just thinking, "With jQuery being so streamlined, there's gotta be an easier way!"

I guess not, huh?

Oh, well, I'll give it a try.

Thanks for the help