<p class="thumb"><img src="http://cdn.zako.org/images/2016/03/colovely.png" alt="Colovely" width="592" height="296" class="alignnone size-full wp-image-30262" /></p>
<p>サイトやパーツの色を決める際に、カラーピッカーなどで微妙な色合いを決めていくこともあるかと思いますが、どうしても似たり寄ったりな色になってしまいがちなこともあるのではないでしょうか。</p>
<p>今回ご紹介するのは、ランダムで見ることによって新たな色との出会いがありそうなサービスです。</p>
<!--more-->

<h3 class="header-label">新たな色を発見できそうな「Colovely」</h3>
<p>「<a target="_blank" href="http://colovely.nofach.com/">Colovely</a> 」は、<strong>スペースキーを打つごとに色をランダムに表示して、HEX、RGB、HSLのカラーコードを生成</strong>してくれる超シンプルなカラフルジェネレーター。</p>
<p>カラフルジェネレーターの名の通り、生成される色は本当にランダムなので特定の色合いで探すには向いていませんが、新たな色の発想を得るのに便利そうです。</p>

<h4 class="tips">スペースキーを押すごとに色とカラーコードを表示</h4>
<iframe width="600" height="338" src="https://www.youtube.com/embed/rV98uQlE_gM" frameborder="0" allowfullscreen></iframe>
<p>スペースキーを押す度に画面の色が変わり、HEX、RGB、HSLのカラーコードが表示されます。</p>

<h4 class="tips">生成されたカラーコードをコピペ</h4>
[caption id="attachment_30263" align="alignnone" width="592"]<img src="http://cdn.zako.org/images/2016/03/colovely-code.png" alt="生成されたカラーコードはテキストなので、もちろんコピペ可能。" width="592" height="377" class="size-full wp-image-30263" /> 生成されたカラーコードはテキストなので、もちろんコピペ可能。[/caption]
<p>気に入った色があれば、利用したい種類のカラーコードをコピーして使用します。</p>

<p>興味があるかたは<a target="_blank" href="http://colovely.nofach.com/">Colovely</a>へどうぞ。</p>

