<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>qrayg.com by Craig Erskine &rsaquo; Standards Compliant Website Development/Design</title>
<meta http-equiv="Content-Language" content="en-us" />
<meta name="Description" content="Craig Erskine's Professional Internet Design Services. Adobe Fireworks and Code Tutorials." />
<meta name="Keywords" content="Craig Erskine,Wisconsin Web Design,Green Bay Web Design,Web Standards,Fireworks Tutorials,Code Tutorials" />
<meta name="Author" content="Graphic Design, XHTML, CSS, Content © Craig Erskine - qrayg.com" />
<meta name="MSSmartTagsPreventParsing" content="TRUE" />
<meta name="robots" content="all" />
<meta name="revisit-after" content="5 days" />
<meta name="geo.position" content="44.49; -87.93" />
<meta name="geo.placename" content="Green Bay" />
<meta name="geo.region" content="US-WI" />
<link rel="shortcut icon" href="/favicon.ico" />
<link rel="alternate" type="application/rss+xml" title="qrayg.com" href="http://feeds.feedburner.com/qrayg" />
<script type="text/javascript" src="/_js/jquery.js"></script>
<script type="text/javascript" src="/_js/jquery.lightbox.js"></script>
<link rel="stylesheet" type="text/css" href="/_css/?n=lightbox" media="screen" />
<style type="text/css" media="screen" title="StylePill">
<!--
@import"/_css/?n=pill";
-->
</style>
</head>
<body id="sect-default">
<p class="hide"><a href="#content-pri" title="Skip Navigation Text">Skip to content</a> <a href="http://english-45535090767.spampoison.com"></a></p>
<div id="page-container">
  <div id="head-container">
    <h2 id="head-logo"><a href="/" title="qrayg.com Design Services">qrayg.com - Design Services</a></h2>
    <div id="nav-container">
      <ul id="nav">
        <li id="nav1"><a href="/work/" title="Work/Portfolio">work</a></li>
        <li id="nav2"><a href="/learn/" title="Learn/Tutorials">learn</a></li>
        <li id="nav3"><a href="/info/" title="Info">info</a></li>
        <li id="nav4"><a href="/contact/" title="Contact">contact</a></li>
      </ul>
    </div>
    <div id="search-container"><form action="/search/" method="get" id="form-search" title="Search qrayg.com"><fieldset><legend>Search qrayg.com</legend><input name="q" type="text" id="search-input" alt="Search qrayg.com" /><input type="submit" id="search-button" value="Search" /></fieldset></form>
    </div>
  </div>
  <hr />
  <div id="content-container">
    <div id="content">
      <div id="content-pri">
<div class="post-home"><h4><strong>qrayg.com</strong> &bull; <a href="/work/websites/" title="websites">designs</a> and develops <a href="/work/websites/" title="websites">websites</a> with web standards &bull; <a href="/learn/fireworks/" title="fireworks">creates</a> advanced web graphics <a href="/learn/fireworks/">tutorials</a> &bull; reveals the occasional <a href="/learn/code/" title="code">code</a> tip. <a href="/info/" title="more info">more...</a></h4></div>

<div class="post">
<h1><a href="/journal/apple/os-x-roll-your-own-color-picker/" title="OS X: Roll Your Own Color&#160;Picker">OS X: Roll Your Own Color&#160;Picker</a></h1>
<p class="info">Posted on: 02.14.2008</p>

<p>Thanks to 2 little words and Apple&#8217;s Script Editor any OS X user can create a very powerful Color Picker. Add in the incredible <a href="http://wafflesoftware.net/hexpicker/">Hex Color Picker</a> and web developers can truly benefit. Here&#8217;s how it can be done.</p>
<p><a rel="bookmark" href="/journal/apple/os-x-roll-your-own-color-picker/">Keep Reading &rsaquo;</a></p>


</div>

















      </div>
      <hr />
      <div id="content-sub">

<div class="sub-container">
<div class="sub-work">
<h3><a href="/work/websites/" title="Recent Work">Recent Work</a></h3>
<div class="sub">
<ul class="list-col"><li><a href="/_img/work/websites/mscms-theme-3/full.jpg" title="MSCMS Theme 3" rel="lightbox"><img src="/_img/work/websites/mscms-theme-3/list.jpg" alt="MSCMS Theme 3" /></a></li>
<li><a href="/_img/work/websites/mscms-theme-2/full.jpg" title="MSCMS Theme 2" rel="lightbox"><img src="/_img/work/websites/mscms-theme-2/list.jpg" alt="MSCMS Theme 2" /></a></li>
</ul>
</div>
</div>
<div class="sub-fliqr">
<h3><a href="http://flickr.com/photos/qrayg/" title="My flickr Stream">fliqr</a></h3>
<div class="sub">
<script type="text/javascript" src="http://www.flickr.com/badge_code_v2.gne?count=10&amp;display=latest&amp;size=s&amp;layout=x&amp;source=user&amp;user=84972939%40N00"></script>
</div>
</div>
</div>







<div class="sub-container">
<h3>qrayg.com projects</h3>
<div class="sub">
<p class="sub-work-other">
<a href="http://dt.qrayg.com" title="Dream Theater Fan Site"><img src="/_img/style-pill/proj-qdt.jpg" alt="" /></a><a href="http://lom.qrayg.com" title="Legend of Mana Fansite"><img src="/_img/style-pill/proj-qlom.jpg" alt="" /></a></p>
</div>
</div>
      </div>
    </div>
  </div>
  <div id="content-foot">
    <div id="foot-col1">
      <h3><a href="/journal/" title="Recent Journal Entries">Recent Journal</a></h3>
      <ul class="list-foot">
<li><a href="/journal/apple/os-x-roll-your-own-color-picker/" title="OS X: Roll Your Own Color&#160;Picker">OS X: Roll Your Own Color&#160;Picker</a></li>
<li><a href="/journal/webdev/webdev-on-a-mac-pt-1/" title="Webdev on a Mac Pt. 1">Webdev on a Mac Pt. 1</a></li>
<li><a href="/journal/news/2007-coolness-list/" title="2007 Coolness&#160;List">2007 Coolness&#160;List</a></li>
<li><a href="/journal/apple/leopard-the-first-48-hours/" title="Leopard: The First 48&#160;Hours">Leopard: The First 48&#160;Hours</a></li>

      </ul>
    </div>
    <div id="foot-col2">
      <h3><a href="/learn/fireworks/" title="Recent Fireworks Tutorials">Recent Fw</a></h3>
      <p><a href="/learn/fireworks/jewelbutton/" title="jewelButton"><img src="/_img/learn/fireworks/jewelbutton/list.jpg" alt="jewelButton" /></a><a href="/learn/fireworks/8-bit-alpha/" title="8-bit&#160;Alpha"><img src="/_img/learn/fireworks/8-bit-alpha/list.jpg" alt="8-bit&#160;Alpha" /></a><a href="/learn/fireworks/sunkenbutton/" title="sunkenButton"><img src="/_img/learn/fireworks/sunkenbutton/list.jpg" alt="sunkenButton" /></a><a href="/learn/fireworks/revbutton/" title="revButton"><img src="/_img/learn/fireworks/revbutton/list.jpg" alt="revButton" /></a><a href="/learn/fireworks/simplemasks/" title="simpleMasks"><img src="/_img/learn/fireworks/simplemasks/list.jpg" alt="simpleMasks" /></a><a href="/learn/fireworks/simplesymbols/" title="simpleSymbols"><img src="/_img/learn/fireworks/simplesymbols/list.jpg" alt="simpleSymbols" /></a><a href="/learn/fireworks/chromefx/" title="chromeFX"><img src="/_img/learn/fireworks/chromefx/list.jpg" alt="chromeFX" /></a><a href="/learn/fireworks/mirrorreflect/" title="mirrorReflect"><img src="/_img/learn/fireworks/mirrorreflect/list.jpg" alt="mirrorReflect" /></a></p>
    </div>
    <div id="foot-col3">
      <h3><a href="/learn/code/" title="Recent Code Tutorials">Recent Code</a></h3>
      <ul class="list-foot">
<li><a href="/learn/code/qtip/" title="qTip">qTip</a></li>
<li><a href="/learn/code/cssmenus/" title="cssMenus">cssMenus</a></li>
<li><a href="/learn/code/footerstick/" title="footerStick">footerStick</a></li>
<li><a href="/learn/code/spritenav/" title="spriteNav">spriteNav</a></li>

      </ul>
    </div>
  </div>
  <hr />
  <div id="foot-container">
    <p id="foot-info"><a href="http://feeds.feedburner.com/qrayg" class="rss">RSS</a> | valid <a href="http://validator.w3.org/check/referer">XHTML</a> &amp; <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> | Powered by <a href="http://www.textpattern.com/" title="Powered by Textpattern CMS">TXP</a></p>
    <p id="foot-copy"><a href="/legal/" title="Copyright">&copy;1992-2008</a> qrayg.com | all rights reserved.</p>
  </div>
</div>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
var pageTracker = _gat._getTracker("UA-76706-2");
pageTracker._initData();
pageTracker._trackPageview();
</script>
</body>
</html>