ホームページを簡単に作成してみよう

ホームページの色を簡単に替えてみよう

Posted on 11/30/2009 at 11:01:55 AM

ホームページを簡単に作成していくうえで「ここだけちょっと色を変えたい」なんて思った時、あなたは何を参考にされていますか？

「このサイトのいろ素敵だけど、どんな色使っているのかな？」

と思った時に便利なのが、ワッツカラー（What’s color ： colsel.exe）です。
ワッツカラー（What’s color ： colsel.exe）では簡単に色コードを調べることができます。

ワッツカラーをパソコンにダウンロードして、画面上に表示させます。

次に、右上の方にある色取得ボタンを押します。
次に、カラーコードを調べたい色の画像などの上でクリックすると、その色のカラーコードが表示されます。

文字などの上でクリックする場合、カーソルを置くと色が変わるような指定になっていると、色コードを読み取ることができませんが、大抵の倍は利用できますよ。

また、そのサイトのソースが大体読めるようであれば、ソースからカラーコードを読み取ることも可能です。

いろいろ試してみてくださいね。

色が出たところで、スタイルシートのカラーコードなどが簡単に一括返還出来るやり方を紹介します。

スタイルシートを秀丸で表示させます。
次に
「Ctrl」+「A」ですべてを選択します。
次に
Ctrl」+「R」で置換のボックスを表示します。
簡単な例を出すと、白から黒へ色を変更させたいとき、検索窓に白のカラーコード「ｆｆｆｆｆｆ」を入力します。
そして置換窓に黒のカラーコード「000000」を入れて「全置換」を押すと、すべての白の指定が黒に変更されています。
こういったことでもほーページは簡単に変更もできますし、また、違った色のバージョンを作成したいというときにも利用可能ですので使ってみてください。