4096 Color Wheel | Clipmarks


	4096 Color Wheel

BigBadWolf

6-14-2006 6:02 PM

779 views

tags:

css, design, html, xhtml, web

BigBadWolf says:

Color wheel chooser works pretty nice.

1 Comment |

Add a Comment

6-14-2006 6:05 PM

nevets85

This is really useful.

Login to Comment. Not a member yet? Sign up

Today's Top Clips

visit the Top Clips page

View the Top Clips from June 14, 2006

Embed This Clip In Your Site...

<div style="margin: 12px 0px; font-family: arial; color: #333333; background: #ffffff; border: solid 4px #e5e5e5; width: 100%; clear: left;"><div class="CM_CTB_Content_Wrap" style="margin: 0px; padding: 0px;background-color: #ffffff;"><div style="border-bottom: solid 1px #dcdcdc; white-space: nowrap; margin-bottom: 8px; background-color: #eeeeee ;background-image: url(http://www.clipmarks.com/images/source-bg.gif); background-repeat: repeat-x; height: 24px; line-height: 24px; vertical-align: middle; padding-bottom: 4px; color: #666666; font-size: 10px;" ><a href="http://clipmarks.com/clip-to-blog/" title="see clips that are hot right now"><img src="http://content.clipmarks.com/blog_embed/12a8a565-77d2-449b-9439-49ba9eb17bdf/7F77A13A-E909-4F45-885C-A8DCDDA07C0A/" alt="" width="19" height="19" border="0" style="vertical-align: middle; margin: 0px 4px; display: inline; border: none; float:none;" /></a>clipped from <a title="http://www.ficml.org/jemimap/style/color/wheel.html" href="http://www.ficml.org/jemimap/style/color/wheel.html" style="font-size: 11px;">www.ficml.org</a></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.ficml.org/jemimap/style/color/wheel.html"><H1>4096 Color Wheel</H1></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.ficml.org/jemimap/style/color/wheel.html"><DIV id="instructs">
<P>Hover over the wheel to view colors.
Click to choose a web-smart color.
Reload to clear.</p> <P><A href="http://www.ficml.org/jemimap/style/color/index.php">about</A> | <A href="http://www.ficml.org/jemimap/style/color/couleur.html">en français</A> | <A href="http://www.ficml.org/jemimap/style/color/index.php#links">links</A></p> </DIV></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.ficml.org/jemimap/style/color/wheel.html"><div align="center"><img src="http://content6.clipmarks.com/blog_cache/www.ficml.org/img/CEC55ABC-67F2-4D13-A8B3-4ECFC13F39B4" alt="color wheel" /></div></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.ficml.org/jemimap/style/color/wheel.html"><DIV id="demoa">
<FORM name="cccform">
<INPUT type="text" size="8" name="ccc" />
</FORM>
<SPAN class="btxt">web-safe</SPAN>
<SPAN class="wtxt">web-safe</SPAN></DIV></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.ficml.org/jemimap/style/color/wheel.html"><DIV id="demob">
<FORM name="aaaform">
<INPUT type="text" size="8" name="aaa" />
</FORM>
<SPAN class="btxt">web-smart</SPAN>
<SPAN class="wtxt">web-smart</SPAN></DIV></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.ficml.org/jemimap/style/color/wheel.html"><DIV id="democ">
<FORM name="abcform">
<INPUT type="text" size="8" name="abc" />
</FORM>
<SPAN class="btxt">unsafe</SPAN>
<SPAN class="wtxt">unsafe</SPAN></DIV></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.ficml.org/jemimap/style/color/wheel.html"><DIV id="showhide">
<P><A href="#">show full list</A> |
<A href="#">hide
full list</A></p> <P>Hover over the square to change saturation (left to right) and value
(bottom to top) of the last hue.</p> <P>Use the keyboard to rotate hue:
<SPAN>j</SPAN> rotates slowly counterclockwise,
<SPAN>k</SPAN> rotates quickly clockwise, and
<SPAN>l</SPAN> rotates slowly clockwise.</p> <P>Jump to a primary or secondary color:
<SPAN>r</SPAN>ed, 
<SPAN>g</SPAN>reen, 
<SPAN>b</SPAN>lue, 
<SPAN>c</SPAN>yan, 
<SPAN>m</SPAN>agenta, or
<SPAN>y</SPAN>ellow.
The <SPAN>enter</SPAN> key will also add the current color to the
<SPAN>p</SPAN>ick list.</p> </DIV></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.ficml.org/jemimap/style/color/wheel.html"><DIV id="pickset">
<DIV id="picks">
<DIV id="picka"><TT class="wtxt">#22aaff</TT><BR /><TT class="btxt">#22aaff</TT></DIV>
<DIV id="pickb"><TT class="wtxt">#44ffee</TT><BR /><TT class="btxt">#44ffee</TT></DIV>
<DIV id="pickc"><TT class="wtxt">#aaaaaa</TT><BR /><TT class="btxt">#aaaaaa</TT></DIV>
<DIV id="pickd"><TT class="wtxt">#bbbbbb</TT><BR /><TT class="btxt">#bbbbbb</TT></DIV>
<DIV id="picke"><TT class="wtxt">#cccccc</TT><BR /><TT class="btxt">#cccccc</TT></DIV>
<DIV id="pickf"><TT class="wtxt">#dddddd</TT><BR /><TT class="btxt">#dddddd</TT></DIV>
<DIV id="pickg"><TT class="wtxt">#eeeeee</TT><BR /><TT class="btxt">#eeeeee</TT></DIV>
</DIV>
</DIV></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.ficml.org/jemimap/style/color/wheel.html"><DIV id="notes">
<P>4096 Color Wheel Version 2.1 by Jemima Pereira.
Free for any use.  
Save this page and the <A href="http://www.ficml.org/jemimap/style/color/hsvwheel.png">image</A>.  (IE users
also need <A href="http://www.ficml.org/jemimap/style/color/blank.gif">a blank gif</A>.)
<A href="http://jemimap.ficml.org/style/color/wheel.html">http://jemimap.ficml.org/style/color/wheel.html</A>
</p> </DIV></blockquote></div><div style="margin: 0px 6px 6px 4px;"><table style="font-size: 11px;border-spacing: 0px;padding: 0px;" cellpadding="0" cellspacing="0" width="100%"><tr><td style="background:transparent;border-width:0px;padding:0px;">&nbsp;</td><td align="right" style="background:transparent;border-width:0px;padding:0px;width:107px" width="107"><a href="http://clipmarks.com/share/7F77A13A-E909-4F45-885C-A8DCDDA07C0A/blog/" title="blog or email this clip"><img src="http://content7.clipmarks.com/images/c2b-foot.png" border="0" alt="blog it" width="107" height="17" style="border-width:0px;padding:0px;margin:0px;" /></a></td></tr></table></div></div>

New from the makers of Clipmarks: Amplify.com - Don't just share the news...Amplify it!

Clipmarks: Home; New Clips; Top Clips; Dashboard

Popular Topics: News; Life; Science; Technology; Entertainment

Get Started: Sign Up; Install Clipping Tool; How Clipping Works; Clip-to-Blog™; ClipSearch

Tools and Resources: FAQ; ClipWeek; Top Clippers; Top Tags; Site Map

About Clipmarks: About Us; Contact; Copyright; Privacy; EULA

Search Options

Today's Top Clips