HTML Color Tools

[jacaranda]

I'm trying to develop my own CSS-based skin for a message board. For
research, I've been analyzing the CSS at other sites, looking for color
combos that work. (And nope, I won't copy the color schemes...just trying
to get ideas.) So far, I've been doing this trial and error and having
some success, but I'd really like to automate the process. Dealing with raw
hex codes is a mind-numbing process...

So given an HTML doc with embedded CSS, I'm looking for tools that will do
either or both of the following:

- change the hex codes to named colors (and yes, I realize not all hex
codes have a corresponding named color)

- extract all hex codes and display the actual colors alongside their hex
code in a table (or something similar). That way, for any given site, I
have a list of the hex codes used, and what the colors look like.

Thanks!

 

[David]

I'm trying to develop my own CSS-based skin for a message board. For
research, I've been analyzing the CSS at other sites, looking for color
combos that work. (And nope, I won't copy the color schemes...just trying
to get ideas.) So far, I've been doing this trial and error and having
some success, but I'd really like to automate the process. Dealing with raw
hex codes is a mind-numbing process...

Please remember that 10% of all males are colourblind. Choose colours
that contrast. Deep Red and Black do NOT go well together.
--
David
Remove "farook" to reply
At the bottom of the application where it says
"sign here". I put "Sagittarius"
E-mail: justdas at iinet dot net dot au

 

[Bill Day]

well, here is a program from SourceForge that allows color selection
with sliders and shows the codes....maybe it will help...

http://colorselector.sourceforge.net/

 

[jacaranda]

well, here is a program from SourceForge that allows color selection
with sliders and shows the codes....maybe it will help...

http://colorselector.sourceforge.net/

Yep, if nothing else, I can always use a standard color selector. And that
looks like a nice one (though I seem to be missing a DLL it requires). But
if it works like the ones I already have, it just gives me one color at a
time and doesn't create a permanent record in HTML format. Probably what
I'm looking for doesn't exist, but one can always hope.

 

[jacaranda]

Please remember that 10% of all males are colourblind. Choose colours
that contrast. Deep Red and Black do NOT go well together.

Interesting point...one I had never considered. But I do have a program
called Color Contrast Analyzer and that will tell me if the colors lack
contrast.

 

[dszady]

I'm trying to develop my own CSS-based skin for a message board. For
research, I've been analyzing the CSS at other sites, looking for color
combos that work. (And nope, I won't copy the color schemes...just trying
to get ideas.) So far, I've been doing this trial and error and having
some success, but I'd really like to automate the process. Dealing with raw
hex codes is a mind-numbing process...

So given an HTML doc with embedded CSS, I'm looking for tools that will do
either or both of the following:

- change the hex codes to named colors (and yes, I realize not all hex
codes have a corresponding named color)

- extract all hex codes and display the actual colors alongside their hex
code in a table (or something similar). That way, for any given site, I
have a list of the hex codes used, and what the colors look like.

Thanks!

Excellent
http://www.themaninblue.com/experiment/Technicolor/

 

[David]

Interesting point...one I had never considered. But I do have a program
called Color Contrast Analyzer and that will tell me if the colors lack
contrast.

All I ask, as one who is partially colourblind, that you consider it
when you make a choice.

I remember requesting one person to make a change from Black on Deep
Red to something else and got abused for so doing. Never went back to
her site.
--
David
Remove "farook" to reply
At the bottom of the application where it says
"sign here". I put "Sagittarius"
E-mail: justdas at iinet dot net dot au

 

[jacaranda]

Excellent
http://www.themaninblue.com/experiment/Technicolor/

Very nice, thanks!

 

[dszady]

Very nice, thanks!

YW

 

[Clif Notes]

I'm trying to develop my own CSS-based skin for a message board. For
research, I've been analyzing the CSS at other sites, looking for color
combos that work. (And nope, I won't copy the color schemes...just trying
to get ideas.) So far, I've been doing this trial and error and having
some success, but I'd really like to automate the process. Dealing with raw
hex codes is a mind-numbing process...

So given an HTML doc with embedded CSS, I'm looking for tools that will do
either or both of the following:

- change the hex codes to named colors (and yes, I realize not all hex
codes have a corresponding named color)

- extract all hex codes and display the actual colors alongside their hex
code in a table (or something similar). That way, for any given site, I
have a list of the hex codes used, and what the colors look like.

Thanks!

Hi Jacaranda,

I've recently reviewed a color picker that lets you chose a base color
and recommends harmonious colors to go with it.
http://freewarewiki.pbwiki.com/AnryColorPicker

Changing hex codes to color names and extracting hex codes with the
color displayed beside them would be a nice feature for a webmaster.
I'm not aware of a toolset that does those. Good ideas.

Clif
http://clifnotes.tk
Devoted to promoting Freeware and Free Information

 

[Father Guido]

~On 26 Nov 2005 23:42:06 GMT, jacaranda <[email protected]> typed
~furiously:
~
~>~>
~>> Please remember that 10% of all males are colourblind. Choose
colours
~>> that contrast. Deep Red and Black do NOT go well together.
~>
~>Interesting point...one I had never considered. But I do have a
program
~>called Color Contrast Analyzer and that will tell me if the colors
lack
~>contrast.
~
~All I ask, as one who is partially colourblind, that you consider it
~when you make a choice.
~
~I remember requesting one person to make a change from Black on Deep
~Red to something else and got abused for so doing. Never went back to
~her site.

My personal favorite is seeing yellow text on a white background --
talk about invisible, and you don't need to be color blind either!

 

[Sietse Fliege]

Interesting point...one I had never considered. But I do have a
program called Color Contrast Analyzer and that will tell me if the
colors lack contrast.

It's called Colour Contrast Analyser in British English:

http://www.nils.org.au/ais/web/resources/contrast_analyser/

The next service might be of interest to you wrt your original question:

"See a Web site that has a couple of fantastic colors that you'd like to
incorporate into your own unique designs? Use I Like Your Colors
<http://www.redalt.com/Tools/ilyc.php> to find out what color values are
being used.
Simply enter in the URL of the page you'd like to examine, and I Like Your
Colors <http://www.redalt.com/Tools/ilyc.php> will break the Crayola box
down for you. As you'll see, the service will typically reference the
Cascading Style Sheet that it's pulling the data from."

 

[FirstName LastName]

All I ask, as one who is partially colourblind, that you consider it
when you make a choice.

I remember requesting one person to make a change from Black on Deep
Red to something else and got abused for so doing. Never went back to
her site.

With <http://www.mozilla.org/products/firefox/>
you can use your own colors see: <http://www.squarefree.com/userstyles/>
for user style sheets or use bookmarklets see:
<http://www.squarefree.com/bookmarklets/>. Use the "zap colors".

 

[jacaranda]

The next service might be of interest to you wrt your original
question:

"See a Web site that has a couple of fantastic colors that you'd like
to incorporate into your own unique designs? Use I Like Your Colors
<http://www.redalt.com/Tools/ilyc.php> to find out what color values
are being used.
Simply enter in the URL of the page you'd like to examine, and I Like
Your Colors <http://www.redalt.com/Tools/ilyc.php> will break the
Crayola box down for you. As you'll see, the service will typically
reference the Cascading Style Sheet that it's pulling the data from."

Perfect! Exactly what I was looking for.

I'll try some of the other tools in the thread too, but this nails it. It
gives me the hex codes along with the displayed colors. A great visual
aid!

 

[David]

With <http://www.mozilla.org/products/firefox/>
you can use your own colors see: <http://www.squarefree.com/userstyles/>
for user style sheets or use bookmarklets see:
<http://www.squarefree.com/bookmarklets/>. Use the "zap colors".

This negates the reason for the colour choice in the first place. I
know I can view using my own colours but I am more interested in
seeing the effect that the author intended. If the author makes a
reasonable choice I do not have to alter his "carefully" thought out
colour scheme.
--
David
Remove "farook" to reply
At the bottom of the application where it says
"sign here". I put "Sagittarius"
E-mail: justdas at iinet dot net dot au

 

[FirstName LastName]

This negates the reason for the colour choice in the first place. I
know I can view using my own colours but I am more interested in
seeing the effect that the author intended. If the author makes a
reasonable choice I do not have to alter his "carefully" thought out
colour scheme.

I wasn't trying to say that should use this for all sites but for those
that you have difficult to read. You could do this on a per site basis.
You should see the sites the way you want. The bookmarklet "zap colors"
is only temporary. You let the site load and if the site has black on
red or red on black you use "zap colors".
I've seen a lot of sites and most of them (99%) don't have "carefully
though out color schemes".
Black on white is the best color scheme.

 

[jacaranda]

With <http://www.mozilla.org/products/firefox/>
you can use your own colors see:
<http://www.squarefree.com/userstyles/> for user style sheets or use
bookmarklets see: <http://www.squarefree.com/bookmarklets/>. Use the
"zap colors".

Do these bookmarklets require that javascript be enabled? It's looks that
way, but I'd like to know for sure. I like how in Opera you can just click
a button and your page automatically reversts to "user" colors instead of
"author" colors. I'd like to replicate that in Firefox. As it is, I use
the Prefs toolbar and deselect "Colors", but then I have to reload the page
(bummer) for the change to take affect.

 

[John Corliss]

Do these bookmarklets require that javascript be enabled? It's looks that
way, but I'd like to know for sure. I like how in Opera you can just click
a button and your page automatically reversts to "user" colors instead of
"author" colors. I'd like to replicate that in Firefox. As it is, I use
the Prefs toolbar and deselect "Colors", but then I have to reload the page
(bummer) for the change to take affect.

I've never used it, but you might get an idea from this extension's page:

https://addons.mozilla.org/extensions/moreinfo.php?id=563

--
Regards from John Corliss
My current killfile: aafuss, Chrissy Cruiser, Slowhand Hussein, BEN
RITCHEY and others.
Generally speaking, if I don't respond to somebody who is acting
immaturely, it's because I've killfiled them.

No adware, cdware, commercial software, crippleware, demoware, nagware,
PROmotionware, shareware, spyware, time-limited software, trialware,
viruses or warez please.