<p class="thumb"><img src="http://web-marketing.zako.org/images/2010/09/swatchspot.jpg" alt="ランダムで配色サンプル" title="swatchspot" width="514" height="204" class="aligncenter size-full wp-image-15996" /></p>
<p>熟練のデザイナーならともかく、サイト制作などで色の組み合わせ（配色）を考えるのはなかなか至難の業ですよね。今回は、そんな行き詰まったときにインスピレーションを与えてくれる配色ランダム生成ツールをご紹介します。</p>
<!--more-->
<h3 class='header-label'>ランダムで配色パターンを作る「SwatchSpot」</h3>
<p>「<a href="http://swatchspot.com/" target="_blank">SwatchSpot</a>」は、<strong>色の組み合わせをランダムにカラーコード付きで生成してくれるオンラインツール。</strong></p>
<p>気に入った色を残しながら全６色の配色をプレビューし、PNG形式の画像で保存することができます。</p>

<h4 class='tips'>ボタンを押すごとに配色をランダムで変更</h4>
<p class="picture"><img src="http://web-marketing.zako.org/images/2010/09/swatchspot-2.png" alt="配色サンプル" title="swatchspot-2" width="400" height="150" class="aligncenter size-full wp-image-15997" /><br />↑ログインせずに、ボタンひとつで次々に配色を変更できます。</p>

<h4 class="header-label">気に入った色をロックして残せる</h4>
<p class="picture"><img src="http://web-marketing.zako.org/images/2010/09/swatchspot-3.png" alt="ロック" title="swatchspot-3" width="400" height="152" class="aligncenter size-full wp-image-15998" /><br />↑気に入った色だけを南京錠ボタンでロックし、残りをランダムで変更することもできます。</p>

<h4 class='tips'>PNG形式の画像で配色を保存</h4>
<p class="picture"><img src="http://web-marketing.zako.org/images/2010/09/swatchspot-4.png" alt="保存" title="swatchspot-4" width="400" height="269" class="aligncenter size-full wp-image-15999" /><br />↑「Save Palette」ボタンを押してPNG形式の画像を保存すると、</p>
<p class="picture"><img src="http://web-marketing.zako.org/images/2010/09/swatchspot-1.png" alt="PNG画像" title="swatchspot-1" width="400" height="67" class="aligncenter size-full wp-image-16000" /><br />↑このように、作った配色をカラーコードも記載されたPNG形式の画像として保存しておくことができます。（※画像を縮小しています。本来はW600px×H100pxの画像です。）</p>

<p>興味のある方は<a href="http://swatchspot.com/" target="_blank">SwatchSpot</a>へどうぞ。</p>

<p>色の組み合わせはランダムなので、何かしら意味のある配色になるわけではありませんが、新たなヒラメキを得るには、とても利用価値のあるツールになりそうですね。</p>

<p>Via：<a href="http://www.delicious.com/url/600b8f5a238654ce81977e61960bf2bf" target="_blank">Delicious</a></p>