<span class="mt-enclosure mt-enclosure-image" /><img alt="CSSのカラーコードを楽して変更できるReplace CSS Colors" src="http://web-marketing.zako.org/images/CSS-Color-Editor-t.jpg" width="514" height="204" style="" /></span>

<p>これは便利。CSSをベタ打ちで修正するレベルの時に役立ちそうな便利ツール。 CSSファイルをアップし、カラーパレットを使って色を変更するシンプルなCSSカラーコード変更ツールです。</p>

<!--more-->
<h3 class="header-label">CSSのカラーコードを楽に変更できる「Replace CSS Colors」</h3>
<p>IdやClassなど、どの場所の色なのかは表示されませんが、たとえば自分のサイトなんかであれば、「あ、この色はあの部分だ。」と判断できたり、「全体的に淡いピンクをもっと濃厚にしたい。」なんてこともありますよね。 </p>

<p>「色を変えるだけなのにCSSをいじるのがどうも面倒だ。」そんなときに便利そうなのが<a class="web-site-link" href="http://css-color-replace.orca-multimedia.de/" onclick="window.open('http://css-color-replace.orca-multimedia.de/'); return false;">CSS Colors Editor</a>です。</p>
<p><a rel="nofollow facebox" href="http://lh3.ggpht.com/sigeos15/SOoTpIv0NpI/AAAAAAAAHvg/BXc2TpfMUZg/s800/CSS-Color-Editor.jp"><img src="http://lh3.ggpht.com/sigeos15/SOoTpIv0NpI/AAAAAAAAHvg/BXc2TpfMUZg/s400/CSS-Color-Editor.jpg" /></a><br />
これがReplace CSS ColorsのUI。 1画面上で処理が完了するのも特徴。</p>

<h4 class="header-label">変更されたCSSの確認</h4>
<p><img src="http://lh5.ggpht.com/sigeos15/SOoU8BamQGI/AAAAAAAAHwA/-OtEOx2HMdc/s144/Replace-CSS-Colors-1.jpg" /><br />
カラーコードの変更後に表示される↑のボタンを押すと、↓のようにブラウザ上でCSSを確認することも出来ます。<br />
<img src="http://lh3.ggpht.com/sigeos15/SOoU8pfaL8I/AAAAAAAAHwI/G-Z8nfChnnA/s400/Replace-CSS-Colors-2.jpg" /></p>

<p>興味のある方は<a class="web-site-link" href="http://css-color-replace.orca-multimedia.de/" onclick="window.open('http://css-color-replace.orca-multimedia.de/'); return false;">Replace CSS Colors - Editor</a>へどうぞ。</p>

<p>ただ変更するだけではなくて、サイトにどんな色を使っているか全体感が見えるのも良いかも。 細かいチェックをする際にも使えそうですね。</p>

<p>Via:<a class="web-site-link" href="http://delicious.com/url/a37369f95ddc4a81b68a22e241065625" onclick="window.open('http://delicious.com/url/a37369f95ddc4a81b68a22e241065625'); return false;">Delicious</a></p>