二十歳街道まっしぐら
お得なサイト お得なツール 小ネタ ゲーム ニュース 画像関連 動画関連 音楽関連 このブログの読者になる
TOP > お得なサイト > サイト制作支援
タレコミNEW!! | メルマガ | お問い合わせ

★新URL:http://20kaido.com/
★新RSS:http://20kaido.com/index.rdf
いままでFC2ブログで5年間、お世話になりました。感謝です。
移転先でもよろしくお願いいたします!
二十歳街道まっしぐら(FC2ブログ時代)人気記事TOP50まとめ

CSS内のカラーコードを置換してくれるサイト「Replace CSS Colors」 このエントリーを含むはてなブックマーク あとで読む

Replace CSS Colors - Editor
CSSを簡単編集!色を変更できる

Replace CSS Colors - Editor」は、CSSに使われている色を置換できるサイトです。

たとえば、サイトのデザインを少し変更したいと思って、
赤色を青色にしたいとき、このサイトを使えば楽々編集できます!

CSS読み込み→色を置き換え→新しいCSSをダウンロード→適用
この流れでOKです。

以下に使ってみた様子を載せておきます。


CSSの色を編集する

まず「Replace CSS Colors - Editor」にアクセスします。
Replace CSS Colors - Editor
一番左。CSSの読み込みからです。

Replace CSS Colors - Editor
CSSを読み込むと、CSS内で使ってる色をすべて抽出してくれます。
右側のカラーチャートから、置換後の色を指定します。

最後に新しいCSSをダウンロードしておしまい。
Replace CSS Colors - Editor
適用してみるとこのとおり!


色を抽出してくれ、その場で視覚的に編集できるのが便利ですね。
メモ帳で置換すりゃいいだろ!ってツッコミはなしでね。
本記事で紹介したサイト:Replace CSS Colors - Editor




関連記事

このエントリーを含むはてなブックマーク Yahoo!ブックマークに登録 このエントリを del.icio.us に登録 このエントリをlivedoorクリップに登録 Add to Google
http://tokuna.blog40.fc2.com/tb.php/2014-39772448


日替わりでウェブデザインに使えそうな画像(PSD形式)が無料ダウンロードできるサイト「365psd」 トップページへ戻る 【ネタ帳】ChromeがFirefoxより優れている点20個 + 25記事