# HTML Color Chooser?

**URL:** <https://boards.straightdope.com/t/html-color-chooser/238117>\
**Category:** Factual Questions\
**Created:** [April 4, 2004, 12:48am UTC](https://boards.straightdope.com/t/html-color-chooser/238117 "2004-04-04T00:48:26Z")\
**Posts on this page:** 17\
**Page:** 1

<div class="post-metadata">

**Author:** ![Duderdude2](https://avatars.discourse-cdn.com/v4/letter/d/cdc98d/32.png) [@Duderdude2](https://boards.straightdope.com/u/Duderdude2)\
**Post date:** [April 4, 2004, 12:48am UTC](https://boards.straightdope.com/t/html-color-chooser/238117/1 "2004-04-04T00:48:26Z")

</div>

I did a couple searches on the board, but couldn’t find anything.

Is there a website or program that can convert the RGB figures into HTML compaitible

---

<div class="post-metadata">

**Author:** ![Duderdude2](https://avatars.discourse-cdn.com/v4/letter/d/cdc98d/32.png) [@Duderdude2](https://boards.straightdope.com/u/Duderdude2)\
**Post date:** [April 4, 2004, 12:54am UTC](https://boards.straightdope.com/t/html-color-chooser/238117/2 "2004-04-04T00:54:06Z")

</div>

Good thing I pressed submit before I was finished. Anyways, is there a way I can convert RGB code (specifically, Red 22, Green 22, Blue 18) into the typical HTML format (aka Hex Codes, e.g. Gainsboro DCDCDC). Thanks!

---

<div class="post-metadata">

**Author:** ![biqu](https://avatars.discourse-cdn.com/v4/letter/b/7feea3/32.png) [@biqu](https://boards.straightdope.com/u/biqu)\
**Post date:** [April 4, 2004, 12:54am UTC](https://boards.straightdope.com/t/html-color-chooser/238117/3 "2004-04-04T00:54:20Z")

</div>

Are you looking for something like [this](http://www.visibone.com/colorlab/)?

---

<div class="post-metadata">

**Author:** ![GorillaMan](https://avatars.discourse-cdn.com/v4/letter/g/50afbb/32.png) [@GorillaMan](https://boards.straightdope.com/u/GorillaMan)\
**Post date:** [April 4, 2004, 12:57am UTC](https://boards.straightdope.com/t/html-color-chooser/238117/4 "2004-04-04T00:57:06Z")

</div>

Search for a program called Pixie - I think it’s availalbe on [download.com](http://download.com). Should do all you want, and is excellent at sitting in the toolbar waiting to be used.

---

<div class="post-metadata">

**Author:** ![Duderdude2](https://avatars.discourse-cdn.com/v4/letter/d/cdc98d/32.png) [@Duderdude2](https://boards.straightdope.com/u/Duderdude2)\
**Post date:** [April 4, 2004, 1:02am UTC](https://boards.straightdope.com/t/html-color-chooser/238117/5 "2004-04-04T01:02:47Z")

</div>

> [@amore ac studio](#):
>
> Are you looking for something like [this](http://www.visibone.com/colorlab/)?

I actually found that earlier during my search, but I couldn’t find a place to insert the RGB values…

---

<div class="post-metadata">

**Author:** ![biqu](https://avatars.discourse-cdn.com/v4/letter/b/7feea3/32.png) [@biqu](https://boards.straightdope.com/u/biqu)\
**Post date:** [April 4, 2004, 1:08am UTC](https://boards.straightdope.com/t/html-color-chooser/238117/6 "2004-04-04T01:08:08Z")

</div>

> [@Duderdude2](#):
>
> I actually found that earlier during my search, but I couldn’t find a place to insert the RGB values…

I figured that my link wouldn’t help when I saw the rest of your OP, which wasn’t there when I was previewing my reply.

---

<div class="post-metadata">

**Author:** ![Duderdude2](https://avatars.discourse-cdn.com/v4/letter/d/cdc98d/32.png) [@Duderdude2](https://boards.straightdope.com/u/Duderdude2)\
**Post date:** [April 4, 2004, 1:14am UTC](https://boards.straightdope.com/t/html-color-chooser/238117/7 "2004-04-04T01:14:22Z")

</div>

Thanks anyway.

GorillaMan, I tried that program, but it won’t start on my computer for some reason. Damn

---

<div class="post-metadata">

**Author:** ![Duderdude2](https://avatars.discourse-cdn.com/v4/letter/d/cdc98d/32.png) [@Duderdude2](https://boards.straightdope.com/u/Duderdude2)\
**Post date:** [April 4, 2004, 1:18am UTC](https://boards.straightdope.com/t/html-color-chooser/238117/8 "2004-04-04T01:18:20Z")

</div>

Ok, I think i found what I was looking for. Thanks all anyway.

If anyone’s curious, here’s the link

[http://www.321webmaster.com/colorconverter.php](http://www.321webmaster.com/colorconverter.php)

---

<div class="post-metadata">

**Author:** ![sailor](https://avatars.discourse-cdn.com/v4/letter/s/a587f6/32.png) [@sailor](https://boards.straightdope.com/u/sailor)\
**Post date:** [April 4, 2004, 1:18am UTC](https://boards.straightdope.com/t/html-color-chooser/238117/9 "2004-04-04T01:18:45Z")

</div>

How about this: [http://www.lxhome.de/index.php?section=2&subsect=3](http://www.lxhome.de/index.php?section=2&subsect=3)

---

<div class="post-metadata">

**Author:** ![MikeS](https://avatars.discourse-cdn.com/v4/letter/m/919ad9/32.png) [@MikeS](https://boards.straightdope.com/u/MikeS)\
**Post date:** [April 4, 2004, 1:26am UTC](https://boards.straightdope.com/t/html-color-chooser/238117/10 "2004-04-04T01:26:32Z")

</div>

OK, maybe I’m about to reveal my ignorance here, but: if the RGB scheme you’re using is (0,0,0) = black and (255, 255, 255) = white, then it’s pretty easy to convert the two. Here’s how: take, for instance, the value for the red channel. Divide it by 16, which will give you a result and a remainder. Write the two as a “two-digit” number, using A=10, B =11, … , F = 15. Repeat for the green and blue channels. Write the three resulting two-digit numbers end-to-end as a six-digit number (in the order red, green, blue), and that’s your hex code.

So for your specific example:  
22 -\> 16  
22 -\> 16  
18 -\> 12  
and so your hex code is #161612.

---

<div class="post-metadata">

**Author:** ![sailor](https://avatars.discourse-cdn.com/v4/letter/s/a587f6/32.png) [@sailor](https://boards.straightdope.com/u/sailor)\
**Post date:** [April 4, 2004, 1:31am UTC](https://boards.straightdope.com/t/html-color-chooser/238117/11 "2004-04-04T01:31:36Z")

</div>

BTW, you can just use the windows calculator to convert decimal to Hexadecimal or pretty much do it in your head. I often adjust the colors just by increasing or decreasing values directly in hex.

---

<div class="post-metadata">

**Author:** ![wolf\_meister](https://sea3.discourse-cdn.com/straightdope/user_avatar/boards.straightdope.com/wolf_meister/32/15202_2.png) [@wolf\_meister](https://boards.straightdope.com/u/wolf_meister)\
**Post date:** [April 4, 2004, 2:21am UTC](https://boards.straightdope.com/t/html-color-chooser/238117/12 "2004-04-04T02:21:25Z")

</div>

**duderdude2**  
How about the one on my site?  
[http://www.1728.com/colrchrt.htm](http://www.1728.com/colrchrt.htm)  
You input the Hex numbers just by “mouseover” commands. I think it may be just what you need. It’s free, no downloading required, no salesman will call, etc.  
Go on, give it a try.

---

<div class="post-metadata">

**Author:** ![wolf\_meister](https://sea3.discourse-cdn.com/straightdope/user_avatar/boards.straightdope.com/wolf_meister/32/15202_2.png) [@wolf\_meister](https://boards.straightdope.com/u/wolf_meister)\
**Post date:** [April 4, 2004, 8:30pm UTC](https://boards.straightdope.com/t/html-color-chooser/238117/13 "2004-04-04T20:30:33Z")

</div>

**duderdude2**  
Well, I figured I’d write another “color selector” program for my website. This one just changes the background color but it has bigger fonts for ease of use and it displays the decimal value as well as the hex value of the color.  
[http://www.1728.com/colrchr3.htm](http://www.1728.com/colrchr3.htm)  
Those other programs for changing hex to decimal and vice versa are okay - but it would be nice if those showed the actual color.  
This one does. 😃

---

<div class="post-metadata">

**Author:** ![sailor](https://avatars.discourse-cdn.com/v4/letter/s/a587f6/32.png) [@sailor](https://boards.straightdope.com/u/sailor)\
**Post date:** [April 4, 2004, 10:23pm UTC](https://boards.straightdope.com/t/html-color-chooser/238117/14 "2004-04-04T22:23:49Z")

</div>

> [@wolf\_meister](#):
>
> Those other programs for changing hex to decimal and vice versa are okay - but it would be nice if those showed the actual color.

Ahem, the one I linked to does that and coverts between different color standards. Yours is nice in that you don’t have to type the values and it is good for quickly finding a background color you like. Thanks.

---

<div class="post-metadata">

**Author:** ![wolf\_meister](https://sea3.discourse-cdn.com/straightdope/user_avatar/boards.straightdope.com/wolf_meister/32/15202_2.png) [@wolf\_meister](https://boards.straightdope.com/u/wolf_meister)\
**Post date:** [April 4, 2004, 10:49pm UTC](https://boards.straightdope.com/t/html-color-chooser/238117/15 "2004-04-04T22:49:43Z")

</div>

**sailor**  
Were you referring to this site?  
[http://www.lxhome.de/index.php?section=2&subsect=3&lang=eng](http://www.lxhome.de/index.php?section=2&subsect=3&lang=eng)

I could get it to input numbers and convert those but no color changes occurred. (I might be doing something wrong).

Anyway, thanks for the good words about my webpage color selector.

---

<div class="post-metadata">

**Author:** ![sailor](https://avatars.discourse-cdn.com/v4/letter/s/a587f6/32.png) [@sailor](https://boards.straightdope.com/u/sailor)\
**Post date:** [April 4, 2004, 11:19pm UTC](https://boards.straightdope.com/t/html-color-chooser/238117/16 "2004-04-04T23:19:05Z")

</div>

> [@wolf\_meister](#):
>
> **sailor**  
> Were you referring to this site?  
> [http://www.lxhome.de/index.php?section=2&subsect=3&lang=eng](http://www.lxhome.de/index.php?section=2&subsect=3&lang=eng)
> 
> I could get it to input numbers and convert those but no color changes occurred. (I might be doing something wrong).

There is a rectangle in the lower part which shows you the color. Can it be you have to scroll to see it? What resolution are you using?

---

<div class="post-metadata">

**Author:** ![wolf\_meister](https://sea3.discourse-cdn.com/straightdope/user_avatar/boards.straightdope.com/wolf_meister/32/15202_2.png) [@wolf\_meister](https://boards.straightdope.com/u/wolf_meister)\
**Post date:** [April 5, 2004, 1:14am UTC](https://boards.straightdope.com/t/html-color-chooser/238117/17 "2004-04-05T01:14:00Z")

</div>

**Sailor**  
Okay NOW I see it.  
[sarcasm alert]  
How foolish of me not to notice that rectangle when the instructions were so clearly worded and the output box (the rectangle) was so obviously labeled.  
[/sarcasm alert]  
Seriously, with all the crap that you can find on any website (banners, pop-ups, etc) it is _very easy_ to overlook something like that colored rectangle.  
Also, those JavaScipt alerts are an annoyance and I don’t know why they even bothered to include them.  
Of course my own JavaScript mentality might be biasing me slightly.
